ES5新增数组方法

计算机软件开发 2024-9-11 20:58:32 101 0 来自 中国
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 1.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);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); 4.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) 5.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] 6.png
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-10-18 18:29, Processed in 0.167624 second(s), 35 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表