JavaScript 数组- Array的方法总结(推荐)

前端之家收集整理的这篇文章主要介绍了JavaScript 数组- Array的方法总结(推荐)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

JavaScript中的Array类型是经常用到的,Array类型也提供了很多方法能实现我们需求,下面我们来总结一下@H_301_1@

一、创建Array的方法

@H_301_1@

var colors=new Array();@H_301_1@

var colors=new Array(3);//创建一个长度为3的数组@H_301_1@

var colors=new Array("red","blue")//创建一个数组["red","blue"]@H_301_1@

当然,上面的new可以省略不写,如 var colors=Array("red");@H_301_1@

2、直接使用数组字面量

@H_301_1@

var colors=["red","blue","green"];@H_301_1@

二、Array的方法1

@H_301_1@

var colors=["red","green"];@H_301_1@

1、获取数组的长度 colors.length;//3@H_301_1@

2、访问数组第二项colors[1];//blue@H_301_1@

3、更改数据的第二项colors[1]="black";//["red","black","green"]@H_301_1@

4、检查是否是一个数组 colors instanceof Array;//true@H_301_1@

5、colors.toString();//默认会以逗号隔开输出字符串 red,blue,green@H_301_1@

6、colors.join("|");//自定义以“|”隔开输出字符串 red|blue|green@H_301_1@

7、colors.push("brown")//往数组的尾部添加一项@H_301_1@

8、colors.pop()//往数组的尾部删除一项@H_301_1@

9、colors.shift()//删除数组的第一项,并取得该值@H_301_1@

10、colors.unshift("k1","k2")//往数组的前面插入这两项;["k1","k2","red","green"];@H_301_1@

11、colors.reverse()//翻转数组的顺序@H_301_1@

12、colors.sort()或者colors.sort([func]);@H_301_1@

13、concat() 返回一个新数组,不影响原数组 colors.concat()或者colors.concat("k1");@H_301_1@

14、slice(begin,end)从数组下标begin开始到end复制这个数据,不包括下标end,如果是slice(begin)那么就是从下标begin开始到数组的尾部@H_301_1@

15、splice@H_301_1@

splice(0,2)//从下标0开始删除数组的两项@H_301_1@

splice(2,"k1","k2")从下标2开始删除0项,紧接着从这里插入两项@H_301_1@

splice(2,1,"k1")//从下标2开始删除一项,紧接着从这里插入一项@H_301_1@

16、indexOf("item")//从数组头开始查找某项,找到后返回下标值,找不到返回-1@H_301_1@

17、lastIndexOf("item")//从数组尾开始查找某项,找到后返回下标值,找不到返回-1@H_301_1@

三、Array方法2:迭代方法(ECMAScript5)

@H_301_1@

1、every():对数组的每一项运行给定的函数,每一项都返回true,则返回true(不影响原数组) @H_301_1@

2; });

2、filter():对数组中每一项运行给定的函数,返回该函数为true的项(不影响原数组)@H_301_1@

2; });

3、forEach():对数组中的每一项执行给定的函数,不返回值 (不影响原数组)@H_301_1@

输出每一项的平方 numbers.forEach(function (item,array) { console.log(item*2); });

4、map():对数组的每一项执行给定的函数,返回每次函数调用后结果组成的数组(不影响原数组)@H_301_1@

5、some():对数组的每一项执行给定的函数,如果有一项返回true则,则返回true@H_301_1@

2 });

三、Array方法3:归并方法(ECMAScript5)

@H_301_1@

1、reduce()方法从数组的第一行开始,逐个遍历到最后@H_301_1@

2、reduceRight()方法从数组的最后一项开始,逐个向前遍历@H_301_1@

以上这篇JavaScript 数组- Array的方法总结(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。@H_301_1@

猜你在找的JavaScript相关文章