数组:创建、访问与增删改查

[迷你控制台]

一、创建与访问

const langs = ['HTML', 'CSS', 'JavaScript']

langs[0]          // 'HTML',下标从 0 开始
langs.at(-1)      // 'JavaScript',负数从尾部数(比 langs[langs.length - 1] 干净)
langs.length      // 3,长度是属性,不加括号
langs[99]         // undefined —— 越界访问不报错!
langs.length = 0  // 快速清空数组的写法

二、增删改:按钮直接操作原数组

改变原数组:push / pop / unshift / shift / splice / sort / reverse
不改原数组:slice / concat / map / filter(返回新数组)

splice(1, 1, 'Z')   // 从下标 1 开始,删 1 个,插入 'Z' —— 插/删/替换三合一
slice(1, 3)         // 截取 [1, 3),原数组不动

三、遍历:for...of 拿值,entries() 拿下标 + 值

四、查找与判断

五、坑:sort 默认按字符串排序

数组方法里只有 sort 和 reverse 是「既改原数组、名字又不像改」的;按钮里用 [...nums] 先拷一份再排,效果是「不改原数组」——这也是真实项目里最常见的写法。