博客列表 >JavaScript中的对象与数组(数组的遍历方法与数组的增、删、改方法)--2019年5月7日

JavaScript中的对象与数组(数组的遍历方法与数组的增、删、改方法)--2019年5月7日

ChenPJ的博客
ChenPJ的博客原创
2019年05月08日 14:44:43913浏览

1. 使用forEach()遍历数组
forEach是JS中操作数组的一种方法,主要功能是遍历数组。forEach方法中的function回调有三个参数:第一个参数是遍历的数组内容,第二个参数是对应的数组索引,第三个参数是数组本身。
以下示例用forEach()在控制台输出数组的每一个元素。

实例

  var numarr = [1,5,9,5,3,8];
  numarr.forEach(function (val,key) {
    console.log ("index["+key+"]"+"==>"+val);
  });

运行实例 »

点击 "运行实例" 按钮查看在线实例

批注 2019-05-08 141352.png

2. 通过查手册编写splice()方法的案例, 实现数组元素的添加, 删除和更新操作

JavaScript中的splice主要用来对js中的数组进行操作,包括删除,添加,替换等。

这种方法直接对数组数据进行操作,会改变原始数组。

a. 删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(非0数字,要删除的项数)

示例:

实例

  var arr = ["javascript","html","php","css","jQuery"];	
  console.log (arr);
  arr.splice(arr.length-1,1);  //将数组最后一个数据删除
  console.log (arr);

运行实例 »

点击 "运行实例" 按钮查看在线实例

批注 2019-05-08 141613.png

 

b. 插入-向数组指定位置插入任意项元素。三个参数,第一个参数(插入位置),第二个参数(0,代表不删除),第三个参数(插入的项)

实例

  var arr = ["javascript","html","php","css","jQuery"];	
  console.log (arr);
  arr.splice(arr.length,0,"Ajax");  //在数组末尾处新增一个数据
  console.log (arr);

运行实例 »

点击 "运行实例" 按钮查看在线实例

批注 2019-05-08 141534.png

c. 替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(非0数字,要删除的项数),第三个参数(插入任意数量的项)

实例

  var arr = ["javascript","html","php","css","jQuery"];
  console.log (arr);
  arr.splice(arr.length-1,1,"Ajax"); //将数组最后一个数据替换
  console.log (arr);

运行实例 »

点击 "运行实例" 按钮查看在线实例

批注 2019-05-08 141711.png

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议