学科分类
目录
JavaScript网页编程

其他方法

除了前面讲解的几种常用方法外,JavaScript还提供了很多其他也比较常用的数组方法。例如,填充数组、连接数组、截取数组元素等。具体如表1所示。

表1 其他方法

方法名 功能描述
fill() 用一个固定值填充数组中指定下标范围内的全部元素
splice() 数组删除,参数为splice(第几个开始, 要删除个数),返回被删除项目的新数组
slice() 数组截取,参数为slice(begin, end),返回被截取项目的新数组
concat() 连接两个或多个数组,不影响原数组,返回一个新数组

在表1中,slice()和concat()方法在执行后返回一个新的数组,不会对原数组产生影响,剩余的方法在执行后皆会对原数组产生影响。

接下来我们以splice()方法为例,演示如何在指定位置添加或删除数组元素。

 1  var arr = ['sky', 'wind', 'snow', 'sun'];

 2  // 从索引为2的位置开始,删除2个元素

 3  arr.splice(2, 2);

 4  console.log(arr);    // 输出结果:(2) ["sky", "wind"]

 5  // 从索引为1的位置开始,删除1个元素后,再添加snow元素

 6  arr.splice(1, 1, 'snow');

 7  console.log(arr);    // 输出结果:(2) ["sky", "snow"]

 8  // 从索引为1的位置开始,添加数组元素

 9  arr.splice(1, 0, 'hail', 'sun');

 10 console.log(arr);    // 输出结果:(4) ["sky", "hail", "sun", "snow"]

在上述代码中,splice()方法的第1个参数用于指定添加或删除的下标位置;第2个参数用于从指定下标位置开始,删除数组元素的个数,将其设置为0,则表示该方法只添加元素;剩余的参数表示要添加的数组元素,若省略则表示删除元素。

点击此处
隐藏目录