[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

[JavaScript] 실수를 정수로 변환하기 - 내림, 올림, 반올림

JavaScript에서 실수를 정수로 변환하는 간단한 방법은 Math.floor(), Math.ceil(), Math.round() 함수를 사용하는 것입니다. 내림(Math.floor) 아래의 예제는 Math.floor() 함수를 사용하여 실수인 변수 num을 가장 정수로 내림합니다. 소수점 아래의 값이 있든 없든 항상 바로 아래의 정수로 내립니다. See the Pen javascript - Math.fllor() by saladent (@saladent) on CodePen. 반올림(Math.round) 반올림이나 올림이 필요하다면 Math.round() 또는 Math.ceil()을 사용할 수 있습니다. 아래의 예제는 Math.round() 함수를 사용하여 실수인 변수 num을 정수로 반올림합니다. ..

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

[JavaScript] 배열 마지막값 가져오기

JavaScript로 배열의 마지막 요소의 값을 가져오는 방법에는 직접 접근 방식과 함수 접근 방식이 있습니다. 직접 접근 방식 이 코드에서는 배열의 인덱싱을 이용하여 배열의 마지막 요소를 반환합니다. 배열 인덱스는 0부터 시작하기 때문에 마지막 요소에 액세스하기 위해 myArray.length - 1 표현식을 사용되며, myArray.length는 배열의 총 요소 수를 제공합니다. See the Pen javascript - 배열마지막값 - 직접접근 by saladent (@saladent) on CodePen. 함수 접근 방식 이 코드에서는getLastElement함수는 배열을 받아와 배열에 요소가 있을 경우 배열의 마지막 요소를 반환합니다. 배열이 비어있는 경우에는null을 반환합니다. See th..

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