| 标题 | JavaScript学习笔记之数组的增、删、改、查 |
| 内容 | 这篇文章主要介绍了JavaScript学习笔记之数组的增、删、改、查的相关资料,需要的朋友可以参考下 在程序语言中数组的重要性不言而喻，JavaScript中数组也是最常使用的对象之一，数组是值的有序集合，由于弱类型的原因，JavaScript中数组十分灵活、强大，不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素，JavaScript在同一个数组中可以存放多种类型的元素，而且是长度也是可以动态调整的，可以随着数据增加或减少自动对数组长度做更改。 数组是JavaScript中常见的一个对象，它有一些经典的操作，比如数组的增、删、改、查。在这篇文章中主要整理这方面的相关操作方法。 增加数组项 首先来看如何给一个数组增加数组项。假设有一个数组: var arr = []; 上面声明了一个数组，但这个数组是一个空数组 [] ，其 length 的值为 0 。接下来我们看如何给数组 arr 增加数组项。最简单的方法可以通过索引值方式，给数组增加数组项： var arr = []; arr[0] = 'a'; arr[1] = 'b'; arr[2] = 1; arr[3] = 2; console.log(arr); // ["a", "b", 1, 2] console.log(arr.length); // 4 另外也可以通过改为数组的 length 值给数组增加数组项，不过这种方法给数组增加的数组项都是 undefined : var arr = []; arr[0] = 'a'; // 给数组arr添加一个`a`数组项 arr.length = 5; // 改变数组的`length`值为`5` console.log(arr); // ["a", undefined × 4] 虽然这种方法也给数组增加了数组项，但相对来说都较为麻烦。其实给数组添加数组项，没有这么麻烦，可以通过数组提供的原生方法给数组添加数组项。 push() 使用 push() 方法可以给数组末尾添加一个或多个数组项。 var arr = []; arr.push('a','b'); console.log(arr); // ['a','b'] unshift() 使用 push() 方法可以给数组末尾添加一个或多个数组项，那么使用 unshift() 方法可以在数组的前面添加一个或多个数组项： var arr = ['a','b']; arr.unshift(1,2); console.log(arr); // [1, 2, "a", "b"] 除了这两种方法之外，还可以使用 splice() 方法给数组添加数组项： var arr = ['a','b','c',1,2]; arr.splice(2,0,'d','c','e'); console.log(arr); // ["a", "b", "d", "c", "e", "c", 1, 2] 另外除了 splice() 方法之外还可以使用 concat() 方法可以给数组添加数组项，只不过使用这种方法不会改变原数组，会在原数组中创建一个新数组： var arr = ['a','b','c']; var arr2 = arr.concat('d',1,2,['e',3]); console.log(arr); // ["a", "b", "c"] console.log(arr2); // ["a", "b", "c", "d", 1, 2, "e", 3] 删除数组项 对于数组的操作，除了增加数组项，很多时候还需要对数组进行删除操作。删除数组项常用的方法有 pop() 和 shift() 两种方法。 pop() pop() 方法可以从数组的末尾删除一个数组项： var arr = ['a','b','c','d',1,2]; arr.pop(); console.log(arr); // ["a", "b", "c", "d", 1] shift() shift() 方法和 pop() 方法刚好相反，它可以删除数组的第一项： var arr = ['a','b','c','d',1,2]; arr.shift(); console.log(arr); // ["b", "c", "d", 1, 2] 不管是 pop() 或 shift() 方法每次只能给数组删除一个数组项，但很多时候这样删除数组项相对来说是比较麻烦的。在数组的操作中，除了这两种方法之外，还可以通过 slice() 和 splice() 方法来删除数组项。 slice() slice() 方法可以给一个数组中删除多个数组项，只不过不同的是， slice() 不会影响原数组，只是会在原数组基础上创建一个数组副本： var arr = [1,2,3,4,'a','b']; var arr2 = arr.slice(2); console.log(arr); // [1, 2, 3, 4, "a", "b"] console.log(arr2); // [3, 4, "a", "b"] console.log(arr3); // ["a", "b"] splice() splice() 方法除了能给数组添加数组项之外，还可以给数组删除数组项： var arr = [1,2,3,4,'a','b','c']; var arr2 = arr.splice(2,2); console.log(arr); // [1, 2, "a", "b", "c"] console.log(arr2); // [3, 4] 改变数组 数组中 splice() 方法是数组中一个强大的方法，其除了可以给数组添加数组项、删除数组项之外，还可以改变一个数组： var arr = [1,2,3,4,5,6]; var arr2 = arr.splice(2,3,'a','b','c'); console.log(arr); // [1, 2, "a", "b", "c", 6] console.log(arr2); // [3, 4, 5] 数组的查询 这里所说的数组查询其实指的是数组的查询提取。其使用的方法是 slice() 方法: var arr = [1,2,3,4,5,6]; var arr2 = arr.slice(-3); console.log(arr); // [1, 2, 3, 4, 5, 6] console.log(arr2); // [4, 5, 6] 总结 这里简单的整理了一个数组的增、删、改、查的相关方法。简单的总结一下： 增加数组项方法：除了直接改变数组项的值和修改数组的 length 给数组添加数组项方法之外，还可以使用 push() 、 unshift() 、 concat() 和 splice() 添加数组项 删除数组项方法：删除数组项方法有 pop() 、 shift() 、 slice() 和 splice() 方法 改变数组项方法：在数组中主要通过 splice() 方法来改变数组项 查询数组项方法： 查询数组项方法其实就是对数组做查询提取功能，主要使用的方法是 slice() 方法 有关于 pop() 、 push() 、 shift() 和 unshift() 操作方法可以点击这里；关于 concat() 、 slice() 和 splice() 方法的相关介绍可以点击这里。 有关JavaScript学习笔记之数组的增、删、改、查小编就给大家介绍到这里，希望对大家有所帮助！ |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。