javascript 数组 常用方法
2018-11-12 06:50:31来源：博客园 阅读 ()
前言
学学忘忘 闲来做个笔记 整理下数组常用方法。
Array 数组常用方法
创建数组的基本方式有两种
1.第一种是使用Array构造函数， var arr = new Array();
使用构造函数方式的话 var arr = new Array(20),则表示创建了一个lenght值为20的数组，也可以直接传入值 var arr = Array('red','green','blue'); 并且可以忽略 new操作符，
2.第二种是使用字面量表达法 var arr = ['red','green','blue'];
length属性：
可通过array.length 访问该数组长度。
1.Array.isArray() 检测数组
判断某个值是否为数组，返回布尔类型
1 // 下面的函数调用都返回 true
2 console.log(Array.isArray([]));
3 console.log(Array.isArray([1]));
4 console.log(Array.isArray(new Array()));
5 // 下面的函数调用都返回 false
6 console.log(Array.isArray());
7 console.log(Array.isArray({}));
8 console.log(Array.isArray(null));
9 console.log(Array.isArray(undefined));
10 console.log(Array.isArray(17));
11 console.log(Array.isArray('Array'));
12 console.log(Array.isArray(true));
13 console.log(Array.isArray(false));
2.Array.join()
join(separator):将数组的元素组起一个字符串，以separator为分隔符，省略的话则默认用逗号为分隔符 该方法只接受一个参数：即为分割符；
1 var arr = [1,2,3]；
2 console.log(arr.join()) //1，2，3
3 console.log(arr.join('-') // 1-2-3
3.Array.reverse()
reverse():反转数组的顺序
var arr = [ 1,2,3,4,5];
console.log(arr.reverse())//[5,4,3,2,1,]
console.log(arr)[1,2,3,4,5]
4.Array.concat()
concat():将参数添加到原数组中 这个方法先要创建一个当前数组副本 将参数添加到这个副本的末尾 并返回新构建的数组
1 var arr = [1,3,5,7];
2 var arrCopy = arr.concat(9,[11,13]);
3 console.log(arrCopy); //[1, 3, 5, 7, 9, 11, 13]
4 console.log(arr); // [1, 3, 5, 7](原数组未被修改)
可以发现：传入的不是数组，则直接把参数添加到数组后面，如果传入的是数组，则将数组中的各个项添加到数组中。但是如果传入的是一个二维数组呢？
var arrCopy2 = arr.concat([9,[11,13]]);
console.log(arrCopy2); //[1, 3, 5, 7, 9, Array[2]]
console.log(arrCopy2[5]); //[11, 13]
arrCopy2数组的第五项是一个包含两项的数组，也就是说concat方法只能将传入数组中的每一项添加到数组中，如果传入数组中有些项是数组，那么也会把这一数组项当作一项添加到arrCopy2中。
5.Array.push()和Array.pop()
push():可以接受任意数量的参数 吧他们逐个添加到数组末尾，并返回修改后的数组的长度。
pop()：数组末尾移除最后一项，减少数组的lenght值，然后返回移除的项。
1 var arr = ["Lily","lucy","Tom"];
2 var count = arr.push("Jack","Sean");
3 console.log(count); // 5
4 console.log(arr); // ["Lily", "lucy", "Tom", "Jack", "Sean"]
5 var item = arr.pop();
6 console.log(item); // Sean
7 console.log(arr); // ["Lily", "lucy", "Tom", "Jack"]
6.shift()和unshift()
shift()：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 。
unshift:将参数添加到原数组开头，并返回数组的长度 。
这组方法和上面的push和pop方法正好对应，一组是操作数组的开头，一组是操作数组的结尾。
1 var arr = ["Lily","lucy","Tom"];
2 var count = arr.unshift("Jack","Sean");
3 console.log(count); // 5
4 console.log(arr); //["Jack", "Sean", "Lily", "lucy", "Tom"]
5 var item = arr.shift();
6 console.log(item); // Jack
7 console.log(arr); // ["Sean", "Lily", "lucy", "Tom"]
7、sort()
sort()：按升序排列数组项——即最小的值位于最前面，最大的值排在最后面。
在排序时，sort()方法会调用每个数组项的 toString()转型方法，然后比较得到的字符串，以确定如何排序。即使数组中的每一项都是数值， sort()方法比较的也是字符串，因此会出现以下的这种情况：
var arr1 = ["a", "d", "c", "b"];
console.log(arr1.sort()); // ["a", "b", "c", "d"]
arr2 = [13, 24, 51, 3];
console.log(arr2.sort()); // [13, 24, 3, 51]
console.log(arr2); // [13, 24, 3, 51](元数组被改变)
为了解决上述问题，sort()方法可以接收一个比较函数作为参数，以便我们指定哪个值位于哪个值的前面。比较函数接收两个参数，如果第一个参数应该位于第二个之前则返回一个负数，如果两个参数相等则返回 0，如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数：
function compare(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
arr2 = [13, 24, 51, 3];
console.log(arr2.sort(compare)); // [3, 13, 24, 51]
如果需要通过比较函数产生降序排序的结果，只要交换比较函数返回的值即可
8、slice()
slice()：返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法可以接受一或两个参数，即要返回项的起始和结束位置。在只有一个参数的情况下， slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项——但不包括结束位置的项。
1 var arr = [1,3,5,7,9,11];
2 var arrCopy = arr.slice(1);
3 var arrCopy2 = arr.slice(1,4);
4 var arrCopy3 = arr.slice(1,-2);
5 var arrCopy4 = arr.slice(-4,-1);
6 console.log(arr); //[1, 3, 5, 7, 9, 11](原数组没变)
7 console.log(arrCopy); //[3, 5, 7, 9, 11]
8 console.log(arrCopy2); //[3, 5, 7]
9 console.log(arrCopy3); //[3, 5, 7]
10 console.log(arrCopy4); //[5, 7, 9]
arrCopy只设置了一个参数，也就是起始下标为1，所以返回的数组为下标1（包括下标1）开始到数组最后。
arrCopy2设置了两个参数，返回起始下标（包括1）开始到终止下标（不包括4）的子数组。
arrCopy3设置了两个参数，终止下标为负数，当出现负数时，将负数加上数组长度的值（6）来替换该位置的数，因此就是从1开始到4（不包括）的子数组。
arrCopy4中两个参数都是负数，所以都加上数组长度6转换成正数，因此相当于slice(2,5)。
9、splice()
splice()：很强大的数组方法，它有很多种用法，可以实现删除、插入和替换。
删除：可以删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数。例如， splice(0,2)会删除数组中的前两项。
插入：可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、 0（要删除的项数）和要插入的项。例如，splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。
替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如，splice (2,1,4,6)会删除当前数组位置 2 的项，然后再从位置 2 开始插入4和6。
splice()方法始终都会返回一个数组，该数组中包含从原始数组中删除的项，如果没有删除任何项，则返回一个空数组。
1 var arr = [1,3,5,7,9,11];
2 var arrRemoved = arr.splice(0,2);
3 console.log(arr); //[5, 7, 9, 11]
4 console.log(arrRemoved); //[1, 3]
5 var arrRemoved2 = arr.splice(2,0,4,6);
6 console.log(arr); // [5, 7, 4, 6, 9, 11]
7 console.log(arrRemoved2); // []
8 var arrRemoved3 = arr.splice(1,1,2,4);
9 console.log(arr); // [5, 2, 4, 4, 6, 9, 11]
10 console.log(arrRemoved3); //[7]
10.indexOf()和 lastIndexOf()
indexOf()：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中， 从数组的开头（位置 0）开始向后查找。
lastIndexOf：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中， 从数组的末尾开始向前查找。
这两个方法都返回要查找的项在数组中的位置，或者在没找到的情况下返回?1。在比较第一个参数与数组中的每一项时，会使用全等操作符。
1 var arr = [1,3,5,7,7,5,3,1];
2 console.log(arr.indexOf(5)); //2
3 console.log(arr.lastIndexOf(5)); //5
4 console.log(arr.indexOf(5,2)); //2
5 console.log(arr.lastIndexOf(5,4)); //2
6 console.log(arr.indexOf("5")); //-1
11Array.forEach()
forEach()：对数组进行遍历循环，对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型，默认有传参，参数分别为：遍历的数组内容；第对应的数组索引，数组本身。
1 var arr = [1, 2, 3, 4, 5];
2 arr.forEach(function(x, index, a){
3 console.log(x + '|' + index + '|' + (a === arr));
4 });
5 // 输出为：
6 // 1|0|true
7 // 2|1|true
8 // 3|2|true
9 // 4|3|true
10 // 5|4|true
12.Array.map()
map()：指“映射”，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
下面代码利用map方法实现数组中每个数求平方。
1 var arr = [1, 2, 3, 4, 5];
2 var arr2 = arr.map(function(item){
3 return item*item;
4 });
5 console.log(arr2); //[1, 4, 9, 16, 25]
13.Array.filter()
filter()：“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组。
1 var arr = [5,3,6,2,4,8,21,5,2,3,6,4,0,1,5,2,4,1,5,]
2
3 var arrs = arr.filter(function(item,i,self){
4 return self.indexOf(item) === i;
5 })
6 console.log(arrs) //[5, 3, 6, 2, 4, 8, 21, 0, 1]
去除重复元素依靠的是indexOf总是返回第一个元素的位置，后续的重复元素位置与indexOf返回的位置不相等，因此被filter滤掉了。
14.Array.every()
every()：判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回true。
1 var arr = [1,2,3,4,5,6,7,8,9]
2
3 var arr1 = arr.every(function(item){
4 return item<10
5 })
6 console.log(arr1)//true
7
8 var arr2 = arr.every(function(item){
9 return item<5
10 })
11 console.log(arr2)//false
15.Array.some()
some(): 判断数组中是否有满足条件的一项，只要有一项满足就返回 true 反之 false
1 var arr = [1,2,3,4,5,6,7]
2
3 var arr1 = arr.some(function(item){
4 return item <1
5 })
6 console.log(arr1)//false
7
8
9 var arr2 = arr.some(function(item){
10 return item<2
11 })
12 console.log(arr2)//true
16.reduce()和 reduceRight()
这两个方法都会实现迭代数组的所有项，然后构建一个最终返回的值。reduce()方法从数组的第一项开始，逐个遍历到最后。而 reduceRight()则从数组的最后一项开始，向前遍历到第一项。
这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值。
传给 reduce()和 reduceRight()的函数接收 4 个参数：前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项，第二个参数就是数组的第二项。
下面代码用reduce()实现数组求和，数组一开始加了一个初始值10。
1 var values = [1,2,3,4,5];
2 var sum = values.reduceRight(function(prev, cur, index, array){
3 return prev + cur;
4 },10);
5 console.log(sum); //25
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：微信小程序车牌号码模拟键盘输入
下一篇：arguments 参数
- javascript面向对象入门基础详细介绍 2020-03-29
- JavaScript函数表达式详解及实例 2020-03-25
- 如何用javascript连接access数据库 2020-03-20
- js中去掉字串左右空格 2020-03-20
- Javascript中的经典技巧 2020-03-20
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
