搜索
写经验 领红包
 > 家居

javascipt数组(js数组方法总结)

导语:JavaScript数组_数组方法「二」(二十七)

javascript 数组(js数组方法总结)

目录:

1.数组方法【二】

一、数组方法

indexOf()和 lastIndexOf() (ES5新增)forEach() (ES5新增)map() (ES5新增)filter() (ES5新增)every() (ES5新增)some() (ES5新增)

1、indexOf

Array.prototype.indexOf(searchElement[, fromIndex = 0]) 返回在数组中找到给定元素的第一个索引,如果不存在,则返回-1。searchElement 需要查找的元素。fromIndex 开始查找的位置。

// 创建数组var arr = [&39;, &39;, 16, &39;, &39;,&39;, &39;, 16, &39;, &39;]// 获取数组的下标var index = arr.indexOf(&39;)console.log(index) // 结果为: 1console.log(arr.indexOf(&39;, 4)) // 结果为:6

2、lastIndexOf

Array.prototype.lastIndexOf(searchElement[, fromIndex = arr.length - 1]) 获取指定元素在数组中的最后一个的索引,如果不存在则返回 -1。从数组的后面向前查找。searchElement 需要查找的元素。formIndex 从此位置开始逆向查找。默认为数组的长度减 1。

var arr = [&39;, &39;, 16, &39;, &39;,&39;, &39;, 16, &39;, &39;]var index = arr.lastIndexOf(&39;)console.log(index) // 结果为:8console.log(arr.lastIndexOf(&39;, 7)) // 结果为:3

3、forEach

Array.prototype.forEach(callback[, thisArg]) 调用数组的每个元素,并将元素传递给回调函数(callback)。callback 为数组中每个元素执行的函数,该函数接收三个参数:currentValue 正在处理的当前元素(第一个参数)index 正在处理的当前元素的索引(第二个参数)array 正在操作的数组(第三个参数)thisArg 当执行回调函数时用作 this 的值返回值:undefined

var arr = [&39;, &39;, 16, &39;, &39;]arr.forEach(function (item, index, arr) { console.log(&39;+index+&39;+item, arr)})------执行结果-------索引为:0,元素为:妲己 [, , 16, , ]索引为:1,元素为:小狐狸 [, , 16, , ]索引为:2,元素为:16 [, , 16, , ]索引为:3,元素为:girl [, , 16, , ]索引为:4,元素为:古筝 [, , 16, , ]

4、map

Array.prototype.map(callback[, thisArg]) 遍历数组中的元素,通过回调函数加工;加工后返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。参数同 Array.prototype.forEach()

var arr = [&39;, &39;, 16, &39;, &39;]// 接收加工后的新数组var newArr = arr.map(function (item, index, arr) { return item + index})console.log(newArr)------------------------------执行结果------------------------------[, , 18, , ]

5、filter

Array.prototype.filter(callback(element[, index[, array]])[, thisArg]) 返回一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。参数同上

var arr = [12,54,5,3,165,46,5,48,56,4,7,5,79,4,5,94,65,87]// 使用变量 newArr 保存返回的数组var newArr = arr.filter(function (item, index) { return item>20})console.log(newArr)------------------------------执行结果------------------------------[54, 165, 46, 48, 56, 79, 94, 65, 87]

6、every

该方法对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回true。

var arr = [ 1, 2, 3, 4, 5, 6 ];console.log( arr.every( function( item, index, array ){  console.log( &39; + item + &39;+index+&39;+array );  return item > 3; })); 

7、some

该方法对数组中的每一项运行给定函数,如果该函数对任何一项返回 true,则返回true。

var arr = [ 1, 2, 3, 4, 5, 6 ]; console.log( arr.some( function( item, index, array ){  console.log( &39; + item + &39;+index+&39;+array );  return item > 3; })); 

下节预告:数组_冒泡排序

本文内容由快快网络小苹创作整理编辑!