es6入门：数组新增方法

最新推荐文章于 2024-10-15 15:24:52 发布

博士咩

最新推荐文章于 2024-10-15 15:24:52 发布

阅读量76

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/2201_75785933/article/details/132570894

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
    数组新增方法(与箭头函数相关的)
        </title>
        <style>
        </style>
        </head>
        <body>
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
         
            <script>

var arr=[1,2,3,4];
// for(var i=0;i<arr.length;i++){
// console.log(arr[i])
// }
// 1.forEach（）方法：循环遍历函数 过滤索引，过滤元素 ，可以调用数组的每一个元素
arr.forEach(e,index)=>{
    console.log(e,index)
    // 显示数组中元素的对应索引
}
// 2.filter（）过滤符合条件的
var arr2=[44,22,1]
var a=arr2.filter((e)=>{
    return e>30
})
console.log(a)
// 注意此时控制台显示写在变量方法外
// 数组对象过滤类型
var arr3=[{
    name:'qq',
    age:11
},{
    name:'ww',
    age:22
},{
    name:'ee',
    age:44
}]
var arr4=arr3.filter((e)=>{
    return e.age>12
})
console.log(arr4)
// 3.map映射数组 返回处理后的数组
var arr5=[6,7,8]
var arr6=arr5.map((e)=>{
    return e*2+4
})
console.log(arr6)
// 控制台显示的都是数组
// 4.some()方法 检测数组当中元素是否有符合条件的
// 有的话控制台就返回true
var age=[6,77,18,30,54]
var age1=age.some((e)=>{
    return e<=50
})
console.log(age1)
// 5.every()检测数组元素是否都符合指定条件
// 如果全都符合返回true
var age2=age.every((e)=>{
    return e>70
})
console.log(age2)
// 6.reduce()将数组内的元素计算成一个值 从左到右
var num=[20,33,2,5,66]
var num1=num.reduce((total,num)=>{
    // total,num所有的值(的意思)
    return total+num
})
console.log(num1)
// 7.find()在数组内从左到右找到第一个符合条件的值
var num2=num.find((e)=>{
return e>10})
console.log(num2)
var li=document.getElementsByTagName('li')
console.log(li)
// 获取的是类数组,并且显示HTMLCollection(3)
// 想要将类数组转化成数组利用以下两种方法
var aa=[...li]
console.log(aa)
var bb=Array.from(li)
console.log(bb)

            </script></body></html>