JavaScript获取列表最后一个元素的N种方法

const list = [1, 2, 3, 4, 5];
const lastItem = list[list.length - 1];

console.log(lastItem); // 5

const list = [1, 2, 3, 4, 5];
const lastItem = list.at(-1);

console.log(lastItem); // 5

const list = [1, 2, 3, 4, 5];
const lastItem = list.slice(-1)[0];

console.log(lastItem); // 5

const list = [1, 2, 3, 4, 5];
const lastItem = list.pop();

console.log(lastItem); // 5
console.log(list);     // [1, 2, 3, 4]  ⚠️ 原数组被修改了！

const list = [1, 2, 3, 4, 5];
const lastItem = list.reverse()[0];

console.log(lastItem); // 5
console.log(list);     // [5, 4, 3, 2, 1]  ⚠️ 原数组被反转了！

const list = [];

// ❌ 不安全
const last1 = list[list.length - 1];  // undefined

// ✅ 安全写法1：三元运算
const last2 = list.length > 0 ? list[list.length - 1] : null;

// ✅ 安全写法2：可选链 + 空值合并（ES2020+）
const last3 = list.at(-1) ?? null;

// ✅ 安全写法3：默认值
const last4 = list[list.length - 1] || '默认值';

const messages = [
  { id: 1, text: '你好' },
  { id: 2, text: '在吗' },
  { id: 3, text: '吃了吗' }
];

const lastMsg = messages.at(-1);
console.log(lastMsg.text); // '吃了吗'

const prices = [10.5, 20.3, 15.8, 12.1, 18.9];
const latestPrice = prices[prices.length - 1];
console.log(`最新价格：${latestPrice}`); // 最新价格：18.9

// 如果项目需要兼容 IE，用这个
function getLastItem(arr) {
  return arr.length > 0 ? arr[arr.length - 1] : null;
}