[JavaScript] 배열 또는 문자열에서 일부 추출하기 - slice()

JavaScript에서 배열 또는 문자열에서 일부를 추출하고 싶을 때 slice() 메서드가 유용하게 사용됩니다.이 메서드는 원본 배열 또는 문자열을 변경하지 않고 지정된 시작 및 종료 인덱스에 해당하는 요소 또는 문자를 추출하여 새로운 배열 또는 문자열을 반환합니다.  slice() 메서드의 기본 구조slice() 메서드의 기본 구조는 다음과 같습니다.let newArray = array.slice(startIndex, endIndex);let newString = string.slice(startIndex, endIndex);startIndex: 추출을 시작할 요소 또는 문자의 인덱스입니다. 이 인덱스의 요소 또는 문자는 포함됩니다.endIndex (선택 사항): 추출을 종료할 요소 또는 문자의 인덱..

• format_list_bulleted javascript
• · 2024. 5. 2.
• textsms

[Javascript] 배열 요소 순회하기 - forEach()

JavaScript에서 배열을 다룰 때 배열의 각 요소를 순회하고 작업을 수행해야 할 때가 있습니다.이럴 때 forEach() 함수가 유용하게 사용됩니다. forEach() 함수는 배열의 각 요소를 순회하면서 제공된 함수를 실행합니다. 이 함수를 사용하면 반복문을 사용하지 않고 배열을 간단하게 순회할 수 있습니다.  forEach() 함수의 기본 구조forEach() 함수의 기본 구조는 다음과 같습니다.array.forEach(function(currentValue, index, array) { // 각 요소에 대해 수행할 작업});currentValue: 배열에서 현재 처리 중인 요소입니다.index: 배열에서 현재 처리 중인 요소의 인덱스입니다.array: forEach()가 호출된 배열입니다.  ..

• format_list_bulleted javascript
• · 2024. 5. 1.
• textsms

[Javasript] 배열 각 요소 변환하기 - map()

JavaScript에서 배열을 다룰 때 종종 배열의 각 요소를 변환해야 할 때가 있습니다.이런 경우 유용하게 사용되는 함수 중 하나가 map() 함수입니다. map() 함수는 배열을 순회하면서 각 요소에 적용한 후 새로운 배열을 반환해줍니다. 이 함수를 사용하면 반복문 없이도 간단하게 배열의 요소를 변환할 수 있습니다.  map() 함수의 기본 구조map() 함수의 기본 구조는 다음과 같습니다.let newArray = array.map(function(currentValue, index, array) { // 새로운 배열의 요소를 반환합니다.});currentValue: 배열에서 현재 처리 중인 요소입니다.index (선택 사항): 배열에서 현재 처리 중인 요소의 인덱스입니다.array (선택 사항)..

• format_list_bulleted javascript
• · 2024. 5. 1.
• textsms

[Javascript] 문자열 공백 제거 방법

JavaScript로 문자열 내의 공백을 제거하는 다양한 방법을 알아보겠습니다.  replace 메서드와 정규표현식 활용JavaScript의 replace 메서드를 사용하여 문자열 내의 공백을 제거할 수 있습니다. 정규표현식을 활용하여 모든 공백을 제거하는 방법은 다음과 같습니다.See the Pen Untitled by saladent (@saladent) on CodePen. 위의 코드에서는 정규표현식 '/\\s/g'와 일치하는 모든 공백을 빈 문자열('')로 대체합니다. 여기서 '\s'는 공백 문자를 의미하고, 'g' 플래그는 전역적으로 일치하는 모든 패턴을 찾도록 합니다. 따라서 이 코드는 문자열에서 모든 공백을 제거합니다.   split 메서드와 join 메서드를 활용또 다른 방법은 문자열을 ..

• format_list_bulleted javascript
• · 2024. 5. 1.
• textsms

[Javascript] setInterval, setTimeout 차이

setInterval() JavaScript의 setInterval() 함수는 일정한 시간 간격(interval)으로 지정된 함수를 반복적으로 실행하는 기능을 제공합니다. 이 함수는 두 개의 인자를 받습니다. 첫번째 인자는 실행할 함수, 두번째 인자는 실행 간격(밀리초 단위)입니다. 다음은 setInterval() 함수를 사용하여 "Hello!"를 1초마다 출력하는 간단한 예제입니다. See the Pen setInteval() by saladent (@saladent) on CodePen. 위 코드에서 sayHello 함수는 1초마다 한 번씩 실행되며, 그 결과로 콘솔에 "Hello!"가 출력됩니다. setInterval() 함수가 실행되면, 지정된 함수가 실행되고 지정된 간격마다 반복적으로 실행됩니다..

• format_list_bulleted javascript
• · 2024. 3. 31.
• textsms

[Javascript] switch문에 여러개 case 한 번에 처리하기

switch문 작성 JavaScript의 switch 문에서 여러 개의 case를 한 번에 처리하려면 case들을 그룹화하고 동일한 코드를 실행하도록 구성할 수 있습니다. 아래는 간단한 예시 코드입니다. See the Pen javascript - switch 중복 case by saladent (@saladent) on CodePen. 위의 코드에서 apple, banana, orange는 모두 "This is a fruit"을 출력하게 됩니다. strawberry와 blueberry는 "This is a berry"를 출력하며, grape와 kiwi는 "This is a small fruit"을 출력하게 됩니다. default는 모든 case에 해당하지 않을 때 실행되는 부분입니다. break문은 해..

• format_list_bulleted javascript
• · 2024. 1. 20.
• textsms