A Developing Developer

주로 배열에서 사용되며, 두 개 이상의 배열이나 값을 합쳐 새로운 배열을 만드는데 사용된다. 주어진 인수를 기존 배열에 연결하여 새 배열을 생성한다. 원래 배열은 변경되지 않는다. [Ex] const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = [7, 8, 9]; // 배열 연결 const result = arr1.concat(arr2, arr3); // 결과 출력 console.log(result); // [1, 2, 3, 4, 5, 6, 7, 8, 9] concat 메소드는 문자열에서도 사용할 수 있지만, 문자열에서는 '+' 연산자를 사용하여 문자열을 연결하는 것이 좀 더 일반적이다. [Ex] const string1 = 'Hello, '; con..

배열의 첫 번째 요소를 제거하고 그 값을 반환한다. 이 메소드는 기존 배열의 길이를 줄이며, 배열이 빈 경우 undefined를 반환한다. [Ex] let array = [1, 2, 3]; let firstElement = array.shift(); // firstElement는 1, array는 [2, 3]이 된다.

배열에서 중복 요소를 제거할 때 사용된다. Set 객체는 고유한 값을 보유하는 컬렉션으로, 이를 사용하여 고유한 요소만 포함하는 새 배열을 생성할 수 있다. [구문의 각 부분을 설명] new Set(): Set 객체를 생성. 이 컬렉션의 고유한 특징 때문에 중복된 값을 포함하지 않는다. new Set(array): 배열을 Set 객체의 인수로 전달하여 중복을 제거하고 고유한 요소들만 포함하는 Set 컬렉션을 생성 [...new Set(array)]: 스프레드 연산자(...)를 사용하여 Set 객체의 요소를 새로운 배열로 변환. 이렇게 하면 중복이 제거된 새로운 배열이 생성된다. [Ex] const uniqueArray = [...new Set([1, 2, 2, 3, 4, 4, 5])]; // 결과: [1..

- Map Map 객체는 키-값 쌍으로 이루어진 데이터를 저장하는 자료구조이다. 여기서 키는 중복되지 않으며 값은 중복이 가능하다. - set() set() 메소드는 Map 객체에 새로운 키-값 쌍을 추가하거나 이미 있을 경우 값을 업데이트하는데 사용된다. [사용법] map.set(key, value); key는 Map 객체에 추가될 키를 나타내며, value는 해당 키와 관련된 값을 나타낸다. 만약 key가 이미 존재하면, 기존의 값은 새로운 value로 대체된다. 이를 이용하여 원하는 키-값 쌍을 지정하거나 이미 있는 키-값 쌍을 수정할 수 있다. - get() get() 메소드는 Map 객체에서 지정된 키와 연관된 값을 가져온다. [사용법] map.get(key); key는 가져올 값과 연관된 키를..

펼침 연산자 (Spread Operator)를 사용하여 배열 arr의 모든 요소를 새로운 배열에 펼쳐 분리시킨 것을 의미한다. 펼침 연산자는 배열이나 객체의 모든 요소를 복사하여 새로운 컨테이너에 펼쳐 넣는 역할을 한다. 이를 통해 기존 배열의 요소를 새로운 배열에 얕은 복사(Shallow Copy)하여 생성할 수 있다. [Ex] arr이 [1, 2, 3]이라면 [...arr]의 결과는 [1, 2, 3]이 되며, 이 새로운 배열은 기존 arr 배열의 복사본이다. 이렇게 만든 새로운 배열은 원본 배열과 독립적이므로, 새로운 배열의 요소를 변경해도 원본 배열에 영향을 주지 않는다. 이를 주로 사용하여 배열을 병합하거나 내용을 수정할 때 원본 배열에 영향을 주지 않을 수 있다.

주어진 배열의 모든 요소에 대해 함수를 실행하고, 단일 결과 값(누적값)을 반환하는데 사용된다. 이 메소드는 배열 요소 각각에 대해 주어진 리듀서(reducer) 함수를 왼쪽에서 오른쪽으로 적용하며, 배열을 단일 값으로 줄인다. [사용법] arr.reduce(callback, initialValue); arr: 원본 배열 callback: 배열의 각 요소에 대해 실행할 리듀서 함수를 제공 callback에서 반환하는 값을 다음 누적값으로 사용합니다. 리듀서(reducer) 함수는 4개의 인수를 허용합니다. accumulator: 이전 반복에서 반환한 값 또는 initialValue currentValue: 현재 처리 중인 배열 요소 currentIndex(옵션): 현재 처리 중인 배열 요소의 인덱스 ar..

new Set() : 중복되지 않은 유일한 값(value)들의 집합(collection)으로 구성된 객체이다. 리스트와 비슷하지만 중복 된 값을 압축해주기 때문에 중복을 허용하지 않는 데이터 구조를 원할 때 유용하다. 이 메소드는 새 Set 객체를 생성한다. 이때, 초기화 할 때 배열 또는 다른 이터러블 객체를 전달할 수 있다. (※ 이터러블 객체 : 요소들이 하나씩 순회 가능한 객체, Ex. 배열, 문자열, Map, Set) 만약 이터러블 객체를 전달하면, 객체의 각 요소가 새로운 Set의 요소가 된다. 중복된 요소는 자동으로 제거된다. [Ex] let mySet = new Set(); // 빈 Set 생성 let mySetWithArray = new Set([1, 1, 2, 3, 4, 4, 5]); ..

아래 설명 할 메소드들은 JavaScript 메소드로 배열이나 문자열을 다룰 때 유용한 도구이다. - indexOf() 배열이나 문자열에서 특정 요소 또는 문자열을 찾고, 해당 요소 또는 문자열이 처음 발견되는 인덱스를 반환한다. 찾고자 하는 값이 없으면 -1을 반환한다. [Ex] const array = [1, 2, 2, 3]; console.log(array.indexOf(2)); // 출력: 1 const str = "Hello, World!"; console.log(str.indexOf("World")); // 출력: 7 - lastIndexOf() 배열이나 문자열에서 특정 요소 또는 문자열을 찾는다. 다만, 이것은 해당 요소 또는 문자열이 마지막으로 발견되는 인덱스를 반환한다. 찾고자 하는 값이..