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

2. +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