자바스크립트(Javascript) 내장 객체 Array의 내장 함수 concat, filter, map 사용법

자바스크립트(Javascript) 내장 객체 배열(Array)의 내장 함수 concat, filter, map 사용법

 

데이터 추가 concat

데이터 삭제 filter

데이터 for문? map

 

//데이터 추가 concat

const { users } = this.state;

    this.setState({

    // 아이디를 비교하여 같지 않으면 데이터를 넣어라

      users: users.concat({ id: this.id++, ...data })

    })

// ...data 는 이전 데이터 상위에 추가



//데이터 삭제 filter

const { users  } = this.state;

    this.setState({

      users : users .filter(info => info.id !== id)

    })

// 배열 데이터 가져올때 뒤에 [0]번째 값 

const result = users.filter(data => data.user_id === this.state.user_id)[0]







//데이터 for문? map

const { users } = this.state;

    this.setState({

      users : users .map(

        info => id === info.id

          ? { ...info, ...data } // 새 객체를 만들어서 기존의 값과 전달받은 data 을 덮어씀

          : info // 기존의 값을 그대로 유지

      )

    })

 

 

 

 

참고 : https://velopert.com/3638

 

 

 

 

끘@ㅉ$ㅆ^%$#ㅉ^ㅃ#$ㄲ ㄴㄸㄲ ㅆㅂ