~~~ /* * 数组是引用数据类型中的对象数据类型（特殊对象） * 创建一个数组，也是要开辟一个堆内存，堆内存中存储数组对象中的键值对 * 0 : 10 * 1 : 20 * 2 : 30 * length : 3 * 1）数组中我们看到的每一项都是属性值，默认的属性名是数字，数字从零开始递增，数字代表当前是第几项，我们把代表位置的数字属性名称为“索引”；数组是以数字为索引，索引从零开始递增的结构！ * 2）默认存在一个length属性，代表数组的长度（有多少项） * 3）数组中存在的每一项可以是任何数据类型 * * 真实项目中，我们从服务器获取到的数据，一般都是对象或者数组（JSON格式），而且结构层级一般也都是多级结构，所以学会数组/对象的相关操作，能够根据需求把获取的数据进行有效的解析和处理，是当下前端开发中非常重要的知识点；尤其是vue/react开发的时候，我们都是在不断的操作数据，来控制视图的渲染，而操作的数据也是以对象和数组偏多；... */ // ==== 一维数组（只有一级结构） //let arr = [10, 20, 30]; //let arr = [10, 'AA', true, null, undefined, Symbol(1)]; // ==== 二维数组（多维数组） 有两级或者多级结构 let arr = [{ x: 100 }, { y: 200 }]; /* * 学习数组： * 1.掌握基础操作 * 2.掌握数组中常用的内置方法（浏览器天生给数组提供的方法） * 3.掌握数组排序和去重（算法） * ...... */ // 获取每一项值：ARR[索引] 或者对某一项进行操作 // ARR.LENGTH - 1：最后一项的索引 // ARR[ARR.LENGTH] = X：向数组末尾追加一个新项 // 基于DELETE删除数组中的某一项（把它当做普通对象操作），键值对可以删掉，但是LENGTH并不会跟着改变，一般数组删除不用它！** // 基于ARR.LENGTH--可以实现删除数组中最后一项 let arr = [10, 20, 30]; arr[0] = 100; console.log(arr[arr.length - 1]); arr[3] = 40; delete arr[0]; arr.length--; ~~~   ~~~ // 数组迭代（遍历数组中的每一项） for (let i = 0; i < arr.length; i++) { let item = arr[i]; console.log(`当前遍历的是数组中索引为：${i}，数值为：${item}的这一项！`); } // 作为普通对象，基于FOR IN遍历数组中所有的键值对 for (let attr in arr) { console.log(attr, arr[attr]); } /* 还可以基于 while循环、for of循环、内置的迭代方法来遍历数组每一项 */ ~~~