JS연습하기6(스프레드연산자, filter)

스프레드 연산자 공부!

{...}모양의 스프레드 연산자는 ES6에서 새롭게 추가된 내용!

 

배열 합치고, 배열 복사 하는걸 편하게 할 수 있다.

 

const obj = {
    name: '국연수',
    age: 32,
  }
  let obj1 = {
    ...obj,
    job: '개발자',
  }

 

이렇게 기존 객체를 이용한 새로운 객체 생성이 쉽다!

 

이번에는 스프레드 연산자를 이용해서 배열을 합치고, 특정 조건을 filter로 뽑아내서 콘솔에 나타내기!

 

const infoList = [
    {
      name: '홍길동',
      age: 29,
      desc: '당근마켓 개발자',
    },
    {
      name: '임꺽정',
      age: 31,
      desc: '인프런 프론트엔드 개발자',
    },
    {
      name: '장길산',
      age: 32,
      desc: '인프런 백엔드 개발자',
    },
  ]
  const userList = [
    {
      name: '정지오',
      age: 25,
      desc: '카카오 백엔드 개발자',
    },
    {
      name: '주준영',
      age: 29,
      desc: '네이버 백엔드 개발자',
    },
    {
      name: '양수경',
      age: 32,
      desc: '라인 백엔드 개발자',
    },
  ]

다음과 같은 데이터를 list라는 하나의 배열로 만들고, 나이가 30대인 사람만 뽑아내기!

 

const list = [...userList,...infoList]

const overThirty = []
overThirty = list.filter((i) = {
	return i.age >= 30
})

따란...이러면 이제 에러 발생한다

 

constant!!!!

immutable한 변수선언 const를 사용해서 에러발생

const list = [...userList,...infoList]

let overThirty = []
overThirty = list.filter((i) = {
	return i.age >= 30
})

따라서 let으로 바꾸고 콘솔로 list를 보면!

length가 3인 array가 나온다!