[JS] at(): 배열(Array)의 해당 index의 요소 반환

at( index )

: 배열(Array)의 해당 index의 요소 반환

• 문자열(String)에도 사용 가능⭕
• 양수, 음수 사용
  
  • 양수(+): 배열의 앞에서부터 카운트
  • 음수(-): 배열의 끝에서부터 카운트

  const cart = ["사과", "바나나", "배"];
  
  // 배열의 마지막 요소 반환 함수
  function returnLast(arr) {
    return arr.at(-1);
  }
  
  const item1 = returnLast(cart);
  console.log(item1); // '배'
  
  
  // 배열에 요소 추가
  cart.push("오렌지");
  const item2 = returnLast(cart);
  
  console.log(item2); // '오렌지'

  
  

 

ex 1. 병합에도 사용

  const numberList = [2, -2, 1];
  const countList = [101, 201, 301];

  const myResult = numberList
    .slice(0, 2)
    .concat(countList.slice(0, 2)
    .concat(numberList.at(-1)));
    
  console.log(myResult); // [2, -2, 101, 201, 1]

 

 

 

 

✨ 배열 요소에 접근하는 방법

1. index 접근
2. length 속성
3. slice() 
4. at()

const colors = ["빨강", "초록", "파랑"];

// (1) index 접근
const colorIdx = colors[2];
console.log(colorIdx); // '초록'

// (2) length 속성
const lengthWay = colors[colors.length - 2];
console.log(lengthWay); // '초록'

// (3) slice()
const sliceWay = colors.slice(-2, -1);
console.log(sliceWay[0]); // '초록'

// (4) at()
const atWay = colors.at(-2);
console.log(atWay); // '초록'

 

 

---

 

Array.prototype.at() - JavaScript | MDN