JavaScript 数组- Array的方法总结(推荐)
2016-07-21 00:00
831 查看
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(不影响原数组)
2、filter():对数组中每一项运行给定的函数,返回该函数为true的项(不影响原数组)
3、forEach():对数组中的每一项执行给定的函数,不返回值 (不影响原数组)
4、map():对数组的每一项执行给定的函数,返回每次函数调用后结果组成的数组(不影响原数组)
5、some():对数组的每一项执行给定的函数,如果有一项返回true则,则返回true
三、Array方法3:归并方法(ECMAScript5)
1、reduce()方法从数组的第一行开始,逐个遍历到最后
2、reduceRight()方法从数组的最后一项开始,逐个向前遍历
以上这篇JavaScript 数组- Array的方法总结(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
JavaScript ES5标准中新增的Array方法
javascript之Array 数组对象详解
JSONObject与JSONArray的使用
浅析Java中JSONObject和JSONArray使用
JavaScript中的Array 对象(数组对象)
浅析JavaScript Array和string的转换(推荐)
一、创建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 ES5标准中新增的Array方法
javascript之Array 数组对象详解
JSONObject与JSONArray的使用
浅析Java中JSONObject和JSONArray使用
JavaScript中的Array 对象(数组对象)
浅析JavaScript Array和string的转换(推荐)
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解