[TIL 20][JS] ES6 - 3

Mustache 🥸·2021년 4월 22일
0

Javascript

목록 보기
9/12
post-thumbnail

Object

Method

is()

  • 두 개의 파라미터 값과 값 타입을 비교. 같으면 true 아니면 false
  • Object.is()와 === 비교 차이
  1. NaN
NaN === NaN // false
Object.is(NaN, NaN) //true
NaN === 0 / 0 // false
Object.is(NaN, === 0 / 0) //true
  1. +0, -0
0 === -0 // true
Object.is(0, -0) // false

assign()

  • 두 번째 파라미터의 오브젝트 프로퍼티를 첫번째 파라미터의 오브젝트에 복사하고 첫번째를 리턴
const sports = {
  kind: "야구",
}
let baseball = {}

Object.assign(baseball, sports)
console.log(baseball) // {kind: "야구"}
  • 첫번째 파라미터를 작성하지 않거나 null, undefined를 작성하면 TypeError가 난다.
  • 다수의 오브젝트를 작성할 수도 있다.
const book = {title: "책"};
const sports = {kind: "야구"};
const obj = Object.assign({}, book, sports);
console.log(obj) {title:, kind: 야구}

entries()

  • 열거 가능한 오브젝트의 {key: value}를 Map 형태로 전환
const obj = {sports: "야구", music: "pop"};
const list = Object.entries(obj);
for (let keyValue of list) {
  console.log(keyValue); // [sports, 야구], [music, pop]
}

values()

  • 열거 가능한 오브젝트의 {key: value}를 [value1, value2] 형태로 변환
const obj = {sports: "야구", music: "pop"};
const list = Object.va;ies(obj);
for (let value of list){
  console.log(value) // 야구, pop
}

fromEntries()

  • [key, value] 형태를 {key: value} 형태로 변환
const list = [["one", 10], ["two", 20]]
const obj = Object.fromEntries(list);
console.log(obj) // {one: 10, two: 20}
  • 프로퍼티 key 값이 같으면 값이 대체된다
const list = [["one", 10], ["one", 20]]
const obj = Object.fromEntries(list);
console.log(obj) // {one: 20}

Array

Method

from()

  • 첫번째 파라미터의 오브젝트를 Array 오브젝트로 변환
const like = {0:"zero", 1:"one"}
const list = Array.from(like)
console.log(list) // [zero,one]

of()

  • 파라미터의 수나 유형에 관계없이 새 Array를 만든다
Array(7)       // [ , , , , , , ]
Array(1, 2, 3) // [1, 2, 3]

copyWithin()

  • 배열의 특정 인덱스 범위의 값을 지정한 위치에 복사한다.
const list ['a','b','c','d','e'];
list.copyWithin(0, 2, 4);
console.log(list) // [c, d, c, d, e];

find()

  • 배열에서 특정 값을 찾고, 값을 찾았으면 첫번째 요소의 값을 반환하고 해당 값이 없으면 undefined를 반환한다.
const arr = [5, 12, 8, 130, 44];

const found = arr.find(elem => elem > 10);
console.log(found) // 12;

findIndex()

  • find() 와 다르게 값이 아닌 인덱스를 반환한다.
const arr = [5, 12, 8, 130, 44];

const found = arr.findIndex(elem => elem > 10);
console.log(found) // 1

fill()

  • 배열의 시작 인덱스부터 끝 인덱스까지 정적인 하나의 값으로 채운다.
const arr = [1, 2, 3, 4]

console.log(arr.fill(0, 2, 4)) // [1, 2, 0, 0]
console.log(arr.fill(5, 1)) // [1, 5, 5, 5]
console.log(arr.fill(6)) // [6, 6, 6, 6]

includes()

  • 특정 요소를 포함하고 있는지 불리언값으로 반환한다.
const arr = ["야구", "축구", "농구"]

console.log(arr.includes("축구")) // true

0개의 댓글