重学JavaScript - 数组

时间：2021-01-01 16:28:13

作者：狐狸家的鱼

GitHub：surRimn

整理自MDN文档

数组

数组是一种类列表对象，长度和元素类型不固定。

描述

访问数组

JavaScript数组的索引是从0开始的，第一个元素的索引为0，最后一个为数组长度减一。

如果指定的索引是一个无效值，不会报错，而是返回undefined。

以数字开头的属性不能用点号引用，必须用方括号。

正则匹配结果所返回的数组

RegExp.exec、String.match、String.replace都会返回这样的数组。

属性

  • Array.length：Array构造函数的length属性，其值为1
  • get Array[]：返回Array构造函数
  • Array.prototype：通过数组的原型对象可以为所有的数组对象添加属性

方法

  • Array.from():从类数据对象或者迭代对象中创建一个新的数组实例
  • Array.isArrau():判断某个变量是否是一个数组对象
  • Array.of()：根据一组参数来创建新的数组实例，支持任意的参数数量和类型

数组实例

所有数组实例都会从Array,prototypr继承属性和方法。修改Array的原型会影响到所有的数组实例。

属性

Array.prototype.constructor：所有的数组实例都继承了这个属性，它的值就是Array，表面了所有的数组都是由Array构造出来的 Array.prototype.length：这个值为 0，因为它是个空数组

方法

  • 修改器方法： 会改变调用它们的对象自身的值
  • 访问方法：绝对不会改变调用它们的对象的值，只会返回一个新的数组或者返回一个其它的期望值。
  • 迭代方法：数组遍历，不要尝试在遍历过程中对原数组进行任何修改
修改器方法 含义
Array.prototype.pop() 在数组内部，将元素序列拷贝到另一端元素序列上，覆盖原有的值
Array.prototype.push() 在数组的末尾增加一个或多个元素，并返回数组的新长度
Array.prototype.reverse() 颠倒数组中元素的排列顺序，即原先的第一个变为最后一个，原先的最后一个变为第一个
Array.prototype.shift() 删除数组的第一个元素，并返回这个元素
Array.prototype.sort() 对数组元素进行排序，并返回当前数组
Array.prototype.splice() 在任意的位置给数组添加或删除任意个元素
Array.prototype.unshift() 在数组的开头增加一个或多个元素，并返回数组的新长度
访问方法 含义
Array.prototype.concat() 返回一个由当前数组和其它若干个数组或者若干个非数组值组合而成的新数组
Array.prototype.join() 连接所有数组元素组成一个字符串
Array.prototype.slice() 抽取当前数组中的一段元素组合成一个新数组
Array.prototype.toString() 返回一个由所有数组元素组合而成的字符串。遮蔽了原型链上的 Object.prototype.toString() 方法
Array.prototype.toLocaleString() 返回一个由所有数组元素组合而成的本地化后的字符串。遮蔽了原型链上的 Object.prototype.toLocaleString() 方法
Array.prototype.indexOf() 返回数组中第一个与指定值相等的元素的索引，如果找不到这样的元素，则返回 -1
Array.prototype.lastIndexOf() 返回数组中最后一个（从右边数第一个）与指定值相等的元素的索引，如果找不到这样的元素，则返回 -1
迭代方法 含义
Array.prototype.forEach() 为数组中的每个元素执行一次回调函数
Array.prototype.every() 如果数组中的每个元素都满足测试函数，则返回 true，否则返回 false
Array.prototype.some() 如果数组中至少有一个元素满足测试函数，则返回 true，否则返回 false
Array.prototype.filter() 将所有在过滤函数中返回 true 的数组元素放进一个新数组中并返回
Array.prototype.map() 返回一个由回调函数的返回值组成的新数组
Array.prototype.reduce() 从左到右为每个数组元素执行一次回调函数，并把上次回调函数的返回值放在一个暂存器中传给下次回调函数，并返回最后一次回调函数的返回值
Array.prototype.reduceRight() 从右到左为每个数组元素执行一次回调函数，并把上次回调函数的返回值放在一个暂存器中传给下次回调函数，并返回最后一次回调函数的返回值

示例简单列表

创建数组

let person = [1, 2, 3];

通过索引访问数组元素

let first = person[0];//

let last = person[person.length - 1];//

遍历数组

person.forEach((item, index, array) => {

})

添加元素到数组的末尾

let new = person.push(4);//[1, 2, 3, 4]

删除数组末尾的元素

person.pop();//[1, 2, 3]

删除数组最前面（头部）元素

person.shift();//[2, 3]

添加元素到数组的头部

person.unshift(1);//[1, 2, 3]

找出某个元素在数组中的索引

person.indexOf(1);//

通过索引删除某个元素

第一个参数代表开始索引位置，第二个参数代表个数

person.splice(1, 1);//[1, 3, 4]

从一个索引位置删除多个元素

person.splice(0, 2);//[4]

复制一个数组

let newPerson = person.slice();

相关文章