热点新闻
ES5新增数组方法
2023-07-27 11:07  浏览:1912  搜索引擎搜索“手机易展网”
温馨提示:信息一旦丢失不一定找得到,请务必收藏信息以备急用!本站所有信息均是注册会员发布如遇到侵权请联系文章中的联系方式或客服删除!
联系我时,请说明是在手机易展网看到的信息,谢谢。
展会发布 展会网站大全 报名观展合作 软文发布

ES5新增数组方法

一,静态方法

1.isArray()

-用于确定传递的值是否是一个Array.
-如果值是Array,则为true ;否则为false

//语法格式 Array.isArray(value) //value为需要检测的值。

// 下面的函数调用都返回 true Array.isArray([]); Array.isArray([1]); Array.isArray(new Array());

// 下面的函数调用都返回 false Array.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


image.png

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);


image.png

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>


image.png

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);


image.png

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)


image.png

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]


image.png

发布人:dbd2****    IP:101.229.44.***     举报/删稿
展会推荐
让朕来说2句
评论
收藏
点赞
转发