Array

아래 코드는 모두 console 창에 입력하고 있다고 가정하자.

.length

const num = [1,2,3]
num.length // 3

.at()

const arr = ["a", "b", "c"]
arr[0] // "a"
arr.at(0) //"a"

.concat()

const num = [1,2,3]
const arr = ["a", "b", "c"]
num.concat(arr) // [1, 2, 3, 'a', 'b', 'c']

.every()

대상 배열의 모~~든 요소가 콜백 테스트를 통과하는지 확인함.
테스트가 하나라도 통과하지 못하게 되면, 이후 콜백은 실행하지 않고 false 반환한다.

const num = [1,2,3]
num.every(item => item <5) // true
num.every(item => item <2) // false

.some()

대상 배열의 어느 하나라도 콜백 테스트를 통과하는지 확인함.

const num = [1,2,3]
num.some(item => item <2) // ture

.filter()

대상 "배열"에서 콜백 테스트를 통과하는 모든 요소로 새로운 배열을 만들어 반환한다.
만약 아무것도 테스트를 통과하지 못하면 빈 배열을 반환한다.

const num = [1,2,3]
num.filter(item => item >2) // [3]

const users = [
    {name: "hana", age: 27,},
    {name: "tiffany", age: 25},
]
users.filter(user => user.age >26) // [{hana객체}]

.find()

대상 배열에서 콜백 테스트를 통과하는 첫 번째 요소를 반환한다.

const number = [27, 140, 1996, 130, 1800, 29]
number.find(item => item>140) // 1996

.findIndex()

대상 배열에서 콜백 테스트를 통과하는 첫 번째 요소의 인덱스 번호를 반환한다.

const number = [27, 140, 1996, 130, 1800, 29]
number.findIndex(item => item>140) // 2

.flat()

대상 배열의 모든 하위 배열을 지정한 깊이(Depth)까지 이어붙인 새로운 배열을 반환한다.
깊이의 기본값은 1 이다.

const cafe = ["아메리카노", "카푸치노", ["카페라떼", "에스프레소", ["버블티",["에이드"]]]
cafe.flat() // ['아메리카노', '카푸치노', '카페라떼', '에스프레소', Array(2)]
cafe.flat(2) //['아메리카노', '카푸치노', '카페라떼', '에스프레소', '버블티', Array(1)]
cafe.flat(Infinity) // ['아메리카노', '카푸치노', '카페라떼', '에스프레소', '버블티', '에이드']

.forEach()

주어진 함수를 배열 요소 각각에 대해 실행할 수 있게 해준다.

const arr = ["a", "b", "c"]
arr.forEach(item => console.log(item))
//a
//b
//c

.includes()

대상 배열이 특정 요소를 포함하고 있는지 확인한다.

const num = [1,2,3]
num.includes(2)// true
num.includes(4)// false

.join()

const fruits = ['Apple', 'Banana', 'Cherry']

console.log(fruits.join()) // 'Apple,Banana,Cherry'
console.log(fruits.join(', ')) // 'Apple, Banana, Cherry'
console.log(fruits.join(' * ')) // 'Apple * Banana * Cherry'

.map()

대상 배열의 길이만큼 주어진 콜백을 실행하고, 콜백의 반환값을 모아 새로운 배열을 반환한다.

const num = [1,2,3]
num.map(item => item+2) // [3,4,5]

const result = ["apple", "nana"].map(item => item.length)
console.log(result) // [5,4]

.pop() <-> .push()

pop 은 맨 뒤에서 제거, push 는 맨 뒤로 추가.

const fruits = ['Apple', 'Banana', 'Cherry']
fruits.pop('Cherry')
console.log(fruits) //['Apple', 'Banana']
fruits.push('Pear')
console.log(fruits)  // ['Apple', 'Banana', 'Pear']

.shift() <-> .unshift()

shift 는 맨 앞에서 제거, unshift는 맨 앞으로 추가

const num = [1,2,3]
num.shift(1)
console.log(num) // [2,3]
num.unshift(0)
console.log(num) // [0,2,3]

.reverse()

대상 배열의 순서를 변경한다. 원본 배열이 손상됨.

const city = ['LA', 'new york', 'Boston']
city.reverse() //['Boston', 'new york', 'LA']
city // ['Boston', 'new york', 'LA']

.slice()

대상 배열의 일부를 추출해 새로운 배열을 반환한다.(즉, 원본은 손상되지 않음)
첫 번째 인수부터 두 번째 인수 "직전"까지 추출하고, 두 번째 인수를 생략하면 대상 배열의 끝까지 추출한다.

const month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"]
month.slice(0,2) //  ['Jan', 'Feb']
month.slice(3,5) //  ['Apr', 'May']
month.slice(3) // ['Apr', 'May', 'Jun']

.splice()

대상 배열에 요소를 추가하거나 삭제하거나 교체한다. (즉, 원본이 손상됨)
splice(index, deleteCount, 교체/추가할 요소) -index번째부터 삭제할 deleteCount개수

const month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"]
month.splice(0,1) //['Feb', 'Mar', 'Apr', 'May', 'Jun']

const month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"]
month.splice(6,0,"July") //['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July']

const month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"]
month.splice(0,1,"my-birthday") //['my-birthday', 'Feb', 'Mar', 'Apr', 'May', 'Jun']

참고 사이트:
https://ko.javascript.info/array-methods