TIL 6 | filter, concat, populating

filter

조건에 맞는 요소만 모아 새로운 배열을 반환한다.

• filter(callbackFunction, thisAgr) 2개의 인자를 가진다.
• callbackFunction 안에서 3개의 인자 (element, index, array) 를 가지는데 첫번째 부분인 element 인자만 필수로 지정되어야하고 나머지는 선택적이다.

//filter()의 인자에서 바로 함수 쓰는 방법
let snacks = ['콘칩', '새우깡', '감자깡', '고구마깡'];
let result = snacks.filter(snack => snack.includes('깡'));
console.log(result); //['새우깡', '감자깡', '고구마깡']

let snacks = ['콘칩', '새우깡', '감자깡', '고구마깡'];
const filterItems = (query) => {
  return snacks.filter(snack => snack.indexOf(query) > -1);
}
console.log(filterItems('깡')); //['새우깡', '감자깡', '고구마깡']

//밖에서 함수를 선언하고  filter()인자에서 call back
function aboveEighteen(number) {
  return number > 18;
}
let numbers = [1, 5, 29, 499].filter(aboveEighteen);
console.log(numbers); //[29, 499]

function isEven(number) {
  return number % 2 == 0;
}
let filtered_numbers = [1, 3, 4, 5, 24, 53].filter(isEven);
console.log(filtered_numbers); //[4, 24]

let students = [
  { id: 1, name: 'dabin', age: 25},
  { id: 2, name: 'isa', age: 27},
  { id: 3, name: 'joe', age: 28},
  { id: 4, name: 'jacob', age: 21},
];
const result = students.filter(student => student.age > 25);
console.log(result)

concat

주어진 배열에 기존 배열을 합쳐 새로운 배열을 반환한다. 원본 배열은 변하지 않으며 새로운배열/원본배열 수정 시에도 서로 영향을 주지 않는다.

let a = [1, 2, 3];
let b = [4, 5, 6];
let c = a.concat(b);
console.log(c);//[1, 2, 3, 4, 5, 6]

let d = [7, 8, 9];
let c = a.concat(b, d);
console.log(c);//[1, 2, 3, 4, 5, 6, 7, 8, 9]

배열 안의 배열을 합칠 때 (1depth만 적용)

let a = [1, 2];
let b = a.concat([3, 4], [5, 6]);
console.log(b) // [1, 2, 3, 4, 5, 6]

let c = a.concat(3, [4, 5, [6]]);
console.log(c) // [3, 4, 5, [6]]

filter + concat

중복이 없는 배열 만들기

let a = [1, 2, 3];
let b = [2, 3, 4, 5];
let c = a.concat(b);
console.log(c);//[1, 2, 3, 2, 3, 4, 5]

let eraseDuplicates = c.filter(el,index)=> 
c.indexOf(el)===index);
console.log(eraseDuplicates);//[1, 2, 3, 4, 5]

populating

배열을 만드는 방법은 []를 사용하는 것 이외에 new Array(n) 메소드를 사용하는 방법이 있다. 이 메소드는 n개의 요소를 가진 배열을 만든다. 빈 배열이나 arr.length를 찍으면 4가 나온다. 값을 할당하려면 반복문을 이용하면 된다.

function makeSquare () {
  
  let arr = new Array(10)
  
  for (let i = 0; i < arr.length; i++) {
    arr[i] = i ** 2
  }
  
  return arr;
}