본문 바로가기

JavaScript

 (60)
split()와 join() split() split() 메서드를 사용하면 문자열을 여러 조각으로 나누어 배열에 넣는 것이 가능합니다. 예시 코드와 함께 정리해보도록 하겠습니다. const data = "KOREA;12.11;2000"; const splitedData = data.split(";"); console.log(splitedData); // ['KOREA', '12.11', '2000'] 출력 split() 메서드는 첫 번째 인자로 나눠주는 기준인 구분자를 받으며 두 번째 인자로는 선택적 인수인 만들어질 요소의 개수를 제한하는 인수를 받습니다. 예시 코드에서 split() 메서드의 인자로 구분자인 ";"을 받았기 때문에 ";" 기준으로 분리되어 배열에 담기게 됩니다. const data = "KOREA;12.11;200..
includes() includes() 메서드를 사용하면 배열에 포함되는 요소인지 확인이 가능합니다. 예시 코드와 함께 정리해보도록 하겠습니다. includes() includes() 메서드는 배열 안 원시 값에 대해 유용하게 사용할 수 있는 메서드입니다. const nums = [1, 4, 12, 2, 0, 7]; console.log(nums.includes(12)); // true 출력 console.log(nums.includes(13)); // false 출력 includes() 메서드는 인자로 찾으려는 값을 받으며 해당 값이 있으면 true, 없으면 false를 반환합니다.
indexof() 와 lastIndexof() indexof() 메서드를 사용하면 배열의 인덱스에 어떤 요소가 있는지 파악해서 해당 인덱스를 사용해 항목을 대체하거나 사용이 가능합니다. 예시 코드와 함께 정리해보도록 하겠습니다. Array.prototype.indexOf() - JavaScript | MDN indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다. developer.mozilla.org indexof() 기본 사용법은 아래와 같습니다. 기준배열.indexof(찾을 요소, 시작 인덱스) indexof() 메서드는 첫 번째 인자로 찾을 요소의 값을 받으며 두 번째 인자로는 선택적 인수인 시작 인덱스를 인자로 받고 해당 인덱스 이후의 요소만 찾게 됩니다. (두 번째 인자..
reduce() reduce() 메서드는 배열에서 사용이 가능하며 배열을 더 단순한 값으로 줄이는 것이 가능합니다. 예를 들어 배열 안의 숫자를 모두 더하여 줄일 수 있으며 이것 외에도 모든 배열을 원하는 모든 값으로 줄이는 것이 가능합니다. reduce() 메서드는 배열을 단일 숫자나 단일 문자열로 줄이는 것으로 사용됩니다. 사용법 const 값을 담을 상수명 = 기존배열.reduce((초깃값, 기존 배열의 첫번째 요소, 현재 요소의 인덱스, 기존 배열) => { return 반환값; }, 선택적 인수); reduce() 메서드는 매개변수에 함수를 전달받습니다. 해당 함수는 초깃값, 배열의 요소를 담을 변수, 현재 요소의 인덱스, 기존 배열을 인수로 전달받을 수 있습니다. (거의 현재 요소의 인덱스나 기존 배열은 인수..
filter() filter() 메서드를 사용하면 배열의 요소를 필터링할 수 있으며 콜백 함수를 인자로 받을 수 있습니다. 주어진 함수의 조건을 만족하는 모든 요소를 모아 새로운 배열을 반환하게 됩니다. 함수의 return 값이 true라면 추가되고 false라면 삭제합니다. 메서드 안의 함수는 최대 3개의 인자를 취할 수 있으며 첫 번째 인자는 처리할 요소, 두 번째 인자는 처리할 요소의 인덱스, 세 번째 인자는 전체 배열입니다. Array.prototype.filter() - JavaScript | MDN filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. developer.mozilla.org 아래 예시 코드와 함께 정리하도록 하겠습니다. const nums = [..
sort()와 reverse() 배열을 전환하는 방식에는 2가지 방식이 있습니다. Array.prototype.sort() - JavaScript | MDN sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. developer.mozilla.org sort() sort() 메서드를 사용하면 배열을 정렬한 후 정렬된 배열을 반환합니다. const nums = [10.99, 5.99, 3.99, 6.59]; const sortedNums = nums.sort(); console.log(sortedNums); // [10.99, 3.99, 5.99, 6.59] 출력 sort() 메서드를 사용하여 배열..
forEach 반복문 forEach 반복문은 배열에서 사용 가능한 반복문이며 배열 안의 모든 요소에 접급하며 요소의 인덱스에 접근이 가능한 반복문입니다. for - of 반복문의 경우 배열 안의 요소에는 접근이 가능하나 해당 요소의 인덱스에 접근이 불가능하다는 단점 때문에 추가로 카운트 변수를 만들어주어야 했습니다. for - of / for - in 반복문 반복문이라고 하면 가장 먼저 떠오르는 반복문은 다양한 프로그래밍 언어에서 사용되고 있는 for 반복문과 while 반복문일 것입니다. 저 또한 그랬고 많은 분들이 for - of 반복문과 for - in 반복문은 nicehyun12.tistory.com forEach 반복문 예시 코드와 함께 정리해보도록 하겠습니다. 사용 예시 배열.forEach( ( 매개변수 1, 매개..
slice()와 concat() slice() 메서드는 배열을 복사하여 새로운 배열을 반환하기 때문에 배열을 복사하는 좋은 방법입니다. 아래 예시 코드와 함께 사용법을 정리해보겠습니다. const arr1 = [1, 2, 3, 4, 5, 6]; const copyArr = arr1; arr1.push(10); console.log(`arr1 : ${arr1} / copyArr : ${copyArr}`); // arr1 : 1,2,3,4,5,6,10 / copyArr : 1,2,3,4,5,6,10 출력 배열의 경우 객체이기 때문에 상수 copyArr에 할당된 것은 참조값입니다. 즉 배열 자체가 할당된 것이 아니라 배열이 저장된 메모리 공간의 주소를 할당받은 것입니다. 때문에 상수 copyArr에 할당된 것은 상수 arr1이 가지고 있는 ..

티스토리툴바