JavaScript 数组- Array的方法总结(推荐)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript 数组- Array的方法总结(推荐)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3208字，纯文字阅读大概需要5分钟。
内容图文
JavaScript中的Array类型是经常用到的，Array类型也提供了很多方法能实现我们需求，下面我们来总结一下
一、创建Array的方法
var colors=new Array();
var colors=new Array(3);//创建一个长度为3的数组
var colors=new Array("red","blue")//创建一个数组["red","blue"]
当然，上面的new可以省略不写，如 var colors=Array("red");
2、直接使用数组字面量
var colors=["red","blue","green"];
二、Array的方法1
var colors=["red","blue","green"];
1、获取数组的长度 colors.length;//3
2、访问数组第二项colors[1];//blue
3、更改数据的第二项colors[1]="black";//["red","black","green"]
4、检查是否是一个数组 colors instanceof Array;//true
5、colors.toString();//默认会以逗号隔开输出字符串 red,blue,green
6、colors.join("|");//自定义以“|”隔开输出字符串 red|blue|green
7、colors.push("brown")//往数组的尾部添加一项
8、colors.pop()//往数组的尾部删除一项
9、colors.shift()//删除数组的第一项，并取得该值
10、colors.unshift("k1","k2")//往数组的前面插入这两项；["k1","k2","red","blue","green"];
11、colors.reverse()//翻转数组的顺序
12、colors.sort()或者colors.sort([func]);
13、concat() 返回一个新数组，不影响原数组 colors.concat()或者colors.concat("k1");
14、slice(begin,end)从数组下标begin开始到end复制这个数据，不包括下标end，如果是slice(begin)那么就是从下标begin开始到数组的尾部
15、splice
splice(0,2)//从下标0开始删除数组的两项
splice(2,0,"k1","k2")从下标2开始删除0项，紧接着从这里插入两项
splice(2,1,"k1")//从下标2开始删除一项，紧接着从这里插入一项
16、indexOf("item")//从数组头开始查找某项，找到后返回下标值，找不到返回-1
17、lastIndexOf("item")//从数组尾开始查找某项，找到后返回下标值，找不到返回-1
三、Array方法2：迭代方法（ECMAScript5）
1、every():对数组的每一项运行给定的函数，每一项都返回true，则返回true（不影响原数组）
var numbers=[1,2,3,2,1];
//判断是否每个数字都大于2
var flag=numbers.every(function (item,index,array) {
return item>2;
});
2、filter()：对数组中每一项运行给定的函数，返回该函数为true的项（不影响原数组）
var numbers=[1,2,3,2,1];
//返回大于2的项
var array=numbers.filter(function (item,index,array) {
return item>2;
});
3、forEach()：对数组中的每一项执行给定的函数，不返回值 （不影响原数组）
var numbers=[1,2,3,2,1]; //输出每一项的平方 numbers.forEach(function (item,index,array) { console.log(item*2); });
4、map()：对数组的每一项执行给定的函数，返回每次函数调用后结果组成的数组（不影响原数组）
var numbers=[1,2,3,2,1];
//返回每一项的平方
var array=numbers.map(function (item,index,array) {
return item*item;
});
5、some()：对数组的每一项执行给定的函数，如果有一项返回true则，则返回true
var numbers=[1,2,3,2,1];
var flag=numbers.some(function (item,index,array) {
return item>2
});
三、Array方法3：归并方法（ECMAScript5）
1、reduce()方法从数组的第一行开始，逐个遍历到最后
2、reduceRight()方法从数组的最后一项开始，逐个向前遍历
var numbers=[1,2,3,4,5];
var result=numbers.reduce(function (prev,cur,index,array) {
//prev：前一个运算的结果，刚开始时候为数字的第一项
//cur:数组的当前项
//index:当前数组的下标
//array：执行这个运算的数组，当前为numbers
console.log("prev:"+prev);
console.log("cur:"+cur);
console.log("index:"+index);
console.log("array:"+array);
console.log("=============");
return prev+cur;
});
以上这篇JavaScript 数组- Array的方法总结(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的JavaScript 数组- Array的方法总结(推荐)全部内容，希望文章能够帮你解决JavaScript 数组- Array的方法总结(推荐)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。