js——数组操作

Posted 记性不好,多记记吧

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js——数组操作相关的知识,希望对你有一定的参考价值。

把教程里的api看了一遍,感觉记住了,又感觉没有记住。。。后来发现,如果给自己提需求,或许不错。想想对于一个数组,可能会用到哪些操作呢?基本的操作就是增删改查吧(有点像sql)

1. 创建数组               

空数组:var arr = []

包含undefined元素[undefined x 3]

- var arr = []; arr.length = 3;

- var arr = [1,2,3]; delete arr[i];//delete每个元素后

- var arr = new Array(3);//不推荐使用,3表示长度

- var arr = new Array[3];//错误!

- var arr = Array.apply(null, {length: 3});

正常元素[1,2,3]

- var arr = [1,2,3];

- var arr = new Array(1,2,3);

- var arr = new Object([1,2,3]);

- var arr = Array.apply(null, [1,2,3]);

2. 增            

对数组的修改,修改的操作直接就体现在原数组上

var arr = [1,2,3];

- 从前面添加[4,5,1,2,3]

var len = arr.unshift(4, 5);//可以插入多个,可以插入一个新数组作为元素,返回新数组长度

var delArr = arr.splice(0, 0, 4, 5);//splice(访问的位置,删除的元素个数,添加的元素),返回[被删除的元素]数组

- 从中间添加[1,4,5,2,3]

var delArr = arr.splice(1, 0, 4, 5);

- 从后面添加[1,2,3,4,5]

var len = arr.push(4,5);//返回新数组长度

arr2 = [4,5]; var newArr = arr.concat(arr2);//不对原来的数组做修改

3. 删               

var arr = [1,2,3];

- 删除第一个[2,3]

var num = arr.shift();//返回删除的第一个元素

var delArr = arr.splice(0, 1);//splice不给插入的元素

- 从中间删除[1,3]

var delArr = arr.splice(1, 1);

- 删除并返回最后一个[1,2]

var num = arr.pop();//返回删除的最后一个元素

var delArr = arr.splice(arr.length - 1, 1);

4. 改               

var arr = [3,2,1];

- 反转reverse

var newArr = arr.reverse();//newArr = arr = [1,2,3]

- 排序sort

var newArr = arr.sort();//newArr = arr = [1,2,3]

5. 查               

var arr = [1,2,1];

- indexOf 元素第一次出现的位置

var index = arr.indexOf(1);//0

- lastIndexOf 元素最后一次出现的位置

var index = arr.lastIndexOf(1);//2

6. 转换成字符串     

var arr = [1,2,3];

- var str = arr.toString();//"1,2,3"

- var str = arr.join("*");//"1*2*3"  用连接符连接元素成字符串

7. 不用循环对各元素做统一处理

var arr = [1,2,3];

- every():判断arr中每个元素是否都满足条件,不对空数组进行检测,不改变原数组

var flag = arr.every(function(num){

return num > 0;

});//true

- some():判断arr中是否有元素满足条件

var flag = arr.some(function(num){

return num < 0;

});//false

- forEach():对每元素执行一次回调函数

arr.forEach(function(item, index){

alert(index + ": " + item);

});//输出 0: 1   1: 2   2: 3

- map():通过指定函数处理数组的每个元素,并返回处理后的数组

var arr = [1,2,3];

var newArr = arr.map(function(item){

return item - 1;

});//newArr = [0,1,2]

- fill():用一个数填充数组各位

var newArr = arr.fill(1);//newArr = arr = [1,1,1]

以上是关于js——数组操作的主要内容,如果未能解决你的问题,请参考以下文章

JS中数组的操作

js之数组操作

php数组操作,js数组操作

Js数组操作

JS数组操作与方法

js数组对象操作