본문 바로가기
TIL/Javascript

배열

by _din 2022. 7. 5.
const array = [1,"hello",false, null, undefined];
array.push("sun") // 추가

 

비구조화 할당

const array = [1, 2];
const [one, two] = array;

console.log(one); // 1
console.log(two); // 2

 

배열 내장함수

map()

  • 함수의 파라미터로는 변화를 주는 함수를 전달
const array = [1, 2, 3, 4, 5, 6, 7, 8];

const square = n => n * n;
const squared = array.map(square);
console.log(squared);

 

filter()

 
  • 배열에서 특정 조건을 만족하는 값들만 따로 추출하여 새로운 배열을 만듦
const todos = [
  {
    id: 1,
    text: '자바스크립트 입문',
    done: true
  },
  {
    id: 2,
    text: '함수 배우기',
    done: true
  },
  {
    id: 3,
    text: '객체와 배열 배우기',
    done: true
  },
  {
    id: 4,
    text: '배열 내장함수 배우기',
    done: false
  }
];

const tasksNotDone = todos.filter(todo => todo.done === false);
console.log(tasksNotDone);

👇 위 코드의 결과

[
  {
    id: 4,
    text: '배열 내장 함수 배우기',
    done: false
  }
];
  • filter 함수에 넣는 파라미터 : 조건을 검사하는 함수
반응형

'TIL > Javascript' 카테고리의 다른 글

함수  (0) 2022.07.11
객체  (0) 2022.07.08
옵셔널 체이닝 ‘?.’  (0) 2022.07.08
변수  (0) 2022.07.05
Javascript  (0) 2022.07.05

댓글