ES5新增数组方法

计算机软件开发 · 2024-9-11 20:58:32

ES5新增数组方法

一，静态方法

1.isArray()

-用于确定转达的值是否是一个Array.
-假如值是Array,则为true ;否则为false
//语法格式Array.isArray(value)//value为须要检测的值。// 下面的函数调用都返回 trueArray.isArray([]);Array.isArray([1]);Array.isArray(new Array());// 下面的函数调用都返回 falseArray.isArray();Array.isArray({});Array.isArray(null);Array.isArray(undefined);Array.isArray(17);二，原型（实例）方法

-以下方法参数都是回调函数，回调函数有三个参数(element, index, array)
-element:值，index: 索引，array: 数组自己，用不到的形参可省略
1.forEach()

-遍历数组，为每个数组元素调用函数,有多少个元素，就实验多少次操纵
-不会改变原数组，返回值undefined
-没办法停止或跳出forEachO) 循环。如需停止或跳出循环，forEach() 方法不是应当使用的工具
// forEach 迭代（遍历）数组 var arr = [1,2,3] var sum = 0 arr.forEach(function(value,index,array){ console.log('每个数组元素',+value); console.log('每个数组元素的索引号'+index); console.log('数组自己'+array); sum+=value }) console.log(sum); //6

2.some()

-不会改变原数组，返回布尔值
-查找满意条件的元素是否存在，如找到第一个满意条件的元素就终止循环
-数组中是否有满意条件的元素，只要有一-个元素满意，就返回true。无满意条件的，返回false
// some 查找数组中是否有满意条件的元素 true/false 找到第一个满意条件的就不今后查找了，停止循环       var  arr  =  [10,30,4]       var flag = arr.some(function(value,index,array){          // return value>=20 //true          return value<3    //false       })       console.log(flag);       var  arr1  =  ['pink','skyblue','red']       var flag1= arr1.some(function(value,index,array){          return value=='red' //true       })       console.log(flag1);3.every()

-遍历数组，不会改变原数组,返回布尔值
-当数组全部元素都满意测试条件，才返回true,只要有一项不满意就返回false
<script>       var arr = [1000, 2000,3000 ]       var flag = arr. every(function (a,b,c) {          console.log(a +"==="+ b +"==="+c)//1000===0====1000, 2000, 3000          return a > 2000;//数组中的每个元素的值都要大于2000的环境，末了才返回true       })       console.log(flag) //false </script>4.filter()

-过滤数组，将满意条件的元素过滤出来，组成新数组并返回它
-如没有任何数组元素通过测试，则返回空数组
// filter  筛选数组       var  arr =  [12,66,4,88,15]       var newArr = arr.filter(function(value,index,array){          return value%2===0 //筛选数组内里为偶数的值          // return value>=60 //返回的是一个新数组，全部满意条件的都会返回到这个新数组，以是须要一个东西吸取       })       console.log(newArr);

5.reduce()

array.reduce(function(preval, item, index, arr), arr1)

preval 必须。初始值, 大概计算竣事后的返回值。
item 必须。当前元素
index 可选。当前元素的索引
arr 可选。当前元素所属的数组对象。
arr1 可选。转达给函数的初始值

-不会改变原数组
-返回值:使用"reducer"回调函数遍历整个数组后的效果
var arr = [10, 20, 30, 40] var newArr = arr.reduce(function(preval, item, index, arr) { console.log(preval, item, index, arr) return preval + item }) console.log(newArr)

6.map()

map() 方法使用为每个数组元素调用函数的效果创建新数组。
map() 方法按顺序为数组中的每个元素调用一次提供的函数。
map() 对没有值的数组元素不实验函数。
map() 不会改变原始数组。
var arr=[1,2,3,4,5,6,7] var a = arr.map(value => { return value * 2 }) console.log(a);//[2, 4, 6, 8, 10, 12, 14]

ES5新增数组方法

所属分类: 问答交流

新帖推荐: 30日

推荐作品