DevSSOM

arr.reduce(fn) array.reduce( callback( accumulator, currentValue [, index [, array ] ])[, initialValue ] ) - 누적값 : accumulator / 현재값 : currentValue (cur , val) / 현재 인덱스 : index / 원본 배열 : array / - 초기값 : initialValue 인수로 함수 (누적 계산값, 현재값) => { return 계산값 }; 초기값을 안써주면, reduce()는 인덱스 1부터 시작해 콜백 함수를 실행하고 첫 번째 인덱스는 건너뜀. 초기값으로 0을 넣으면, 인덱스 0에서 시작함. 원본 배열의 값은 변경하지 않음 // 배열의 모든 수 합치기 let arr = [1, 2, 3, 4..

arr.map(fn) 함수를 받아서 특정 기능을 실행하고, 새로운 배열을 반환. let userList = [ { name: "Mike", age: 30 }, { name: "Jane", age: 27 }, { name: "Tom", age: 10 }, ]; // 유저리스트가 있고, 나이가 있는데, 매번 나이를 확인하기 귀찮아서 // isAdult라는 프라퍼티를 추가한 새로운 배열을 map을 이용해서 만들어보겠음 let newUserList = userList.map((user, index) => { return Object.assign({}, user, { id: index + 1, isAdult: user.age > 19, }); }); console.log(newUserList); // { name..

arr.reverse() 배열의 데이터를 거꾸로 만들어주는 메소드. const array = [1, 2, 3, 4, 5]; const result = array.reverse(); console.log(result); // [5, 4, 3, 2, 1] console.log(array); // [5, 4, 3, 2, 1] 주의할 점은 reverse()를 쓴 후에 다시 array를 출력해보면, reverse 했던 것과 똑같이 거꾸로 나온다는 거야. reverse 함수를 호출한 배열 자체도 거꾸로 바뀌고, return 값도 거꾸로 바뀌고.

arr.find(fn) 배열을 하나하나 훑으면서 전달된 콜백 함수가 true가 되면, 해당하는 첫번째 요소를 반환. 만약 찾지 못하면, undefined를 리턴. arr.findIndex(fn) 콜백 함수가 true가 되면, 해당하는 첫번째 요소의 인덱스를 반환. 없으면 -1을 반환. arr.filter(fn) 콜백 함수가 만족하는 모든 요소를 배열로 반환. let arr = [1, 2, 3, 4, 5]; // find를 쓸 경우 const result = arr.find((item) => { return item % 2 === 0; }); console.log(result); // 2 // findIndex를 쓸 경우 const result = arr.findIndex((item) => { return..

배열 → 문자열 : join (separator? : string) 배열을 문자열로 바꿀 때 join을 사용. 구분자를 넣어주게 되면, 문자열로 바뀔 때 사이사이에 지정한 구분자가 들어감. 구분자를 따로 지정하지 않으면 디폴트값은 ,콤마로 나옴. 요소 값이 undefined, null일 경우에는 그 요소 값은 빈 문자로 간주함. const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(); console.log(result); // apple,banana,orange const result = fruits.join(|); console.log(result); // apple|banana|orange const result = fru..

splice(시작인덱스, 몇 개 지울거?, 혹시 넣을 거?) 배열 원소를 지정된 포지션에서 지울 때 splice를 사용. 시작 인덱스로부터 몇 개를 지울 건지 써줘. fruits = ["apple", "banana", "lemon"]; fruits.splice(1); // 시작 인덱스만 지정하고, 몇 개를 지울지는 안 넣었을 땐 console.log(fruits); // ["apple"] 인덱스 1부터 모든 데이터를 다 지움 fruits.splice(1, 1); // 인덱스 1부터 1개만 지움 console.log(fruits); // ["apple", "lemon"] fruits.splice(1, 1, "orange", "watermelon"); console.log(fruits); // ["apple..

concat( 배열 | 값, ... ) concat() 메소드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열로 반환해줌. 그래서 기존 배열은 변경하지 않고, 추가로 새로운 배열을 반환함. - 배열 두 개 이어붙이기 const alpha = ['a', 'b', 'c']; const numeric = [1, 2, 3]; alpha.concat(numeric); // ['a', 'b', 'c', 1, 2, 3] - 배열 세 개 이어붙이기 const num1 = [1, 2, 3]; const num2 = [4, 5, 6]; const num3 = [7, 8, 9]; num1.concat(num2, num3); // [1, 2, 3, 4, 5, 6, 7, 8, 9] - 배열에다 값 이어붙이기 con..

.indexOf(찾을 값, 어디서부터?) 어떤 값이, 배열 안에서 몇 번째 인덱스에 있는지 알고 싶을 때 사용. 배열 안에 중복되는 값이 있으면, 최초로 찾은 값의 인덱스가 반환됨. 만약, 찾고자 하는 값이 없다면 -1이 반환됨. 두 번째 인자는 옵션으로 입력할 수 있는데, 음수를 입력하면, 뒤에서부터 찾기 시작함. let array = [2, 9, 9]; array.indexOf(2); // 0 array.indexOf(7); // -1 array.indexOf(9, 2); // 2 array.indexOf(2, -1); // -1 array.indexOf(2, -3); // 0 .lastIndexOf(찾을 값, 어디서부터?) indexOf와 다르게, 배열 안에 중복되는 값이 있으면, 제일 마지막에 찾..