Programing/JavaScript 4

JavaScript 배열 앞에 값 추가, 삭제하기

unshift() : 자바스크립트 배열의 맨 앞에 값을 추가 하기 unshift() 는 배열의 앞에 배열을 추가해주고, 추가된 배열의 길이를 반환해준다. 배열의 길이는 배열이 추가 유무를 확인 할 때 사용할 수 있다. const array1 = [1, 2, 3]; console.log(array1.unshift(4, 5)); // Expected output: 5 // array1.unshift(4, 5) 를 console.log 로 확인 하면 // 배열 4, 5를 앞에 추가 후에, length 를 반환하는걸 확인할 수 있다. console.log(array1); // Expected output: Array [4, 5, 1, 2, 3] // array1 를 출력시에는 추가된 array 를 반환 shif..

Javascript :: map(), 반복문 사용법

JavaScript의 map() 함수는 배열의 모든 요소에 대해 주어진 함수를 호출하고, 각 요소를 함수의 반환 값으로 대체하여 새로운 배열을 생성한다. 사실 글보단 소스보고 이해 하는게 우린 좋다. 예제1) 배열안에 값 곱하기 2하기 const arr = [1, 2, 3, 4]; const newArr = arr.map((num) => num * 2); console.log(newArr); // Output: [2, 4, 6, 8] 예제2) 소문자를 대문자로 변경하기 const arr = ['hello', 'world']; const upperCaseArr = arr.map((str) => str.toUpperCase()); console.log(upperCaseArr); // Output: ['HEL..

Javascript :: reverse(), 배열 역순 정렬하기

JavaScript의 reverse() 에 대해서 알아보겠습니다. reverse() 는 배열의 순서를 반대로 뒤집는 기능을 제공합니다. 이번 글에서는 reverse() 메소드의 사용 방법과 주의할 점에 대해 살펴보겠습니다. 사용 방법 reverse() 는 배열의 순서를 반대로 뒤집고, 배열을 직접 수정합니다. 직접 수정하기때문 이 메소드는 반환 값이 없기 때문에, 호출한 배열을 직접 수정하고, 반환되는 값은 undefined입니다. 기존의 배열을 다시 사용 할일이 있다면, reverse() 메소드를 호출하기 전에 배열을 복사해 두고 사용해야 합니다. 간단히 reverse()의 예시입니다. See the Pen Untitled by lkosvme (@lkosvme) on CodePen. 위 코드에서, re..

Javascript :: sort(), 배열 정렬하기 (숫자, 문자, 객체, 오름차순, 내림차순)

JavaScript 에서 배열 정렬하기 위해서 많이 쓰이는 sort() 를 알아보겠습니다. sort() 메소드는 배열 요소의 자리를 정렬하는 데 사용됩니다. 아래 순서대로 살펴보겠습니다. 문자열 정렬하기 숫자 오름차순 정렬 숫자 내림차순 정렬 객체 정렬 1. 문자열 정렬하기 기본적으로 sort()는 문자열을 알파벳 순으로 정렬합니다. See the Pen Untitled by lkosvme (@lkosvme) on CodePen. 2. 숫자 오름차순 정렬하기 아래 예제는 숫자 배열을 만들고 오름차순으로 정렬하는 방법입니다. See the Pen Untitled by lkosvme (@lkosvme) on CodePen. numbers.sort((a, b) => a - b) 위에 소스코드를 보충 하자면 n..