js 数组的增删改查的方法

js

EditPlus

首先，先介绍js如何对数据进行增加数据。js对数组增加数据，主要的方法有：push()、unshift()、concat()、splice()

push()：可接收任意数量的参数，并添加至数组末尾，返回修改后数组的长度，用法如下：var arr = [];var len = arr.push(1,2,3);console.log(arr); // [1，2,3]console.log(len); // 3

unshift()：可接收任意数量的参数，并添加至数组前端，返回修改后数组的长度，用法如下：var arr = [];arr.push(10);var len = arr.unshift(0,1,2,3);console.log(arr); // [0, 1, 2, 3,10]console.log(len); // 5

concat()：将参数添加至数组末端，并返回新数组对象，用法如下：var arr = [];arr.push(10);var len = arr.unshift(0,1,2,3);var arr1 = arr.concat(4,[5,6]);console.log(arr);  // [0, 1, 2, 3, 10]console.log(arr1);  // [0, 1, 2, 3, 10, 4, 5, 6]

splice()：将参数添加至数组随意位置，需要传入至少3个参数： 起始位置、0（要删除的元素个数）和要添加的元素，具体用法如下：var arr = [];arr.push(10);arr.splice(1,2,3,4,5,6);console.log(arr); // [10, 3, 4, 5, 6]

js对数组的删除，主要使用到的方法有：pop()，shift()，slice()，splice()，下面就依次介绍不同方法的使用

pop()：方法将删除数组的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。具体用法如下：var arr = [];arr.push(10);arr.splice(1,2,3,4,5,6);console.log(arr); // [10, 3, 4, 5, 6] var item = arr.pop();console.log(item);  // 6console.log(arr);  // [10, 3, 4, 5]

shift()：方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。具体用法如下：var arr = [];arr.push(10);arr.splice(1,2,3,4,5,6);console.log(arr); // [10, 3, 4, 5, 6] var item = arr.shift();console.log(item);  // 10console.log(arr);  // [3, 4, 5, 6]

slice()：从已有的数组中返回选定的元素。具体用法如下：var arr = [];arr.push(10);arr.splice(1,2,3,4,5,6); var arr2 = arr.slice(2,6);console.log(arr); // [10, 3, 4, 5, 6]console.log(arr2); // [4, 5, 6]

splice()：从数组中添加/删除项目，然后返回被删除的项目，该方法既支持增加也支持删除数据元素，删除的用法如下：var arr = [];arr.push(10);arr.splice(1,2,3,4,5,6);console.log(arr); // [10, 3, 4, 5, 6]arr.splice(2,4);//从第二个元素开始，删除4个元素console.log(arr); // [10, 3]

在原生的js中，提供的对数组的查找的方法有：indexOf()和lastIndexOf()。indexOf()从数组的开头（位置0）开始向后查找，找到返回第一次匹配到该元素的下标值，没有找到就返回-1，具体用法如下：var arr = [];arr.push(10);arr.splice(1,2,3,4,5,6); var index = arr.indexOf(0);console.log(index);  // -1index = arr.indexOf(3,0);console.log(index);  // 1

lastIndexOf()从数组的末尾开始向前查找，找到返回第一次匹配到该元素的下标值，没有找到就返回-1，具体用法如下：var arr = [];arr.push(10);arr.splice(1,2,3,4,5,6); var index = arr.lastIndexOf(0);console.log(index);  // -1index = arr.lastIndexOf(3,5);//console.log(index);  // 1