[JS - 개념] Array.prototype.at()

Array.prototype.at()

 

 

평소에 배열의 마지막이 필요할때 Array[Arrary.length - 1]을 해서 귀찮고 가독성이 떨어졌는데 

주말에 심심해서 node.js 16.xxx   변동로그를 쭉보다가   Array.at()을 발견했다. 

배열 뒷자리를 나타낼때 너무 편해보였다. 

 

사용법은 간단하다.

const array1 = [ 1, 2, 3, 4, 5, 6]

console.log(array1.at(-1)) // 6

이렇게 작성하면 된다. 

양수를 넣어주면 앞에서부터 카운트 되고 음수를 넣어주면 뒤에서부터 카운트 된다. 

 

주어진 인덱스가 배열에 없으면 undefined를 반환한다. 

 

const array1 = [ 1, 2, 3, 4, 5, 6]

console.log(array1.at(true)) //  2 
console.log(array1.at(false)) // 1
console.log(array1.at("hi")) // 1 
console.log(array1.at(undefined)) // 1
console.log(array1.at(null)) // 1

true만 두 번째 인덱스가 출력이되고 

나머지 false, string, undefined, null은 첫 번째 인덱스가 출력된다. 

 

 

이렇게 배열을 특정값을 가져오는 또 다른 방법을 배웠다. 

지금까지  배열의 특정값을 가져오는 방법은 3가지를 배웠다. 

 

const idol = [방탄소년단 , 소녀시대, 아이브]

const lengthWay = idol[idol.length-2]; 
console.log(lengthWay)  // 소녀시대

// 주의 slice()를 사용하면 배열을 반환한다.
const sliceWay = idol.slice(-2, -1);
console.log(sliceWay[0]); // 소녀시대

const atWay = idol.at(-2);
console.log(atWay); // 소녀시대