您的位置:首页 > Web前端 > JavaScript

Javascript当中新增的几个实用操作数组的方法

2016-07-19 22:29 886 查看
ECMAScript5标准发布于2009年12月3日,它带来了一些新的,改善现有的Array数组操作的方法。可是因为当时市场上缺乏支持ES5的浏览器,所以使用并没多,但随着发展,现在浏览器的支持度也越来越高,这些方法简单易学,效率高,应该好好使用。

1、Array.indexOf()

indexOf()方法返回在该数组中第一个找到的元素位置,如果它不存在则返回-1。

var arr = ['one','two','three'];
console.log(arr.indexOf('three')) //2


2、Array.filter()

返回一组满足过渡条件的元素组成的新数组。

var numArr = [3,5,1,6,7,12,2,0];
var newArr = numArr.filter(function(item){
return item >= 5;
})
console.log(newArr);  //[5, 6, 7, 12]


3、Array.forEach()

通过该方法,可以对数组中的每一项元素进行操作。无返回值。

var txtArr = ['zhangsan','wangma','lisi'];
txtArr.forEach(function(item,index){
console.log(item) //zhangsan  wangma lisi
})


4、Array.map()

该方法可以对数组中的每一项元素进行操作,并返回操作修改之后的元素组成的新数组。

var mapArr = [2,3,4,5,6,7];
var newMap = mapArr.map(function(item,index){
return item = item*2;
})
console.log(newMap); //[4, 6, 8, 10, 12, 14]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript array