原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var arr = [1,2,4,5,3]
        var arrObj = [{‘id‘:1,‘name‘:‘xiaoxiao‘},{‘id‘:2,‘name‘:‘maomao‘}]

//        arr.forEach()遍历数组 无返回值
        arr.forEach(function(item,index,arr){
//            console.log("index="+index,"item="+item)
            console.log(`当前遍历的元素索引是${index},值是${item}`)
        })

//        arr.map()遍历并对每一个元素进行处理返回一个新数组 做批量处理用的
        var mapResult = arr.map(function(item){
            return item*10
        })
        console.log(mapResult)

//        arr.filter()过滤 遍历并检查每个元素 符合条件留下 不符合就过滤 返回新数组
        var filterResult = arr.filter(function(item){
            return item>2
        })
        console.log(filterResult)

        filterResult = arrObj.filter(function(item){
            console.log(item.id)
            return item.id==2
        })
        console.log(filterResult)

//        arr.some()遍历每个元素 试图找到一个符合条件的元素
        var mapResult = arrObj.some(function(item){
            return item.id == 2
        })
        console.log(mapResult)

//        arr.every()遍历每个元素 试图验证所有的元素都符合条件
        var everyResult = arr.every(function(item){
            return item>0
        })
        console.log(everyResult)

//        arr.findIndex()遍历所有元素 寻找第一个符合条件的元素 返回索引 停止遍历 找不到就返回-1
        var index = arrObj.findIndex(function(item){
            return item.id==2
        })
        console.log(index)

    </script>
</html>

原文地址:https://www.cnblogs.com/Mishell/p/12244705.html

时间: 2024-11-08 22:50:33

原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex的相关文章

js 数组操作大集合

js数组的操作 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵呵.学了之后才知道,js数组的功能强大很,远比VB,C#强多了,大家慢慢看吧 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度

js数组操作【转载】

用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵呵.学了之后才知道,js数组的功能强大很,远比VB,C#强多了,大家慢慢看吧 1.数组的创建 var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var array

js数组操作

js数组操作大全(转) shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1 unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7 注:在IE6.0下测试返回值总为undefined,FF2.0下测试

js数组操作常用方法(转自:http://www.jbxue.com/article/js/20224.html)

js数组操作常用方法,包括数组的创建.数组的元素的访问.数组元素的删除.数组的拷贝等. 原文参考自:http://www.jbxue.com/article/js/20224.html 在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽.记录下来.1.数组的创建 var arr

一个js数组操作题

JS 控制一串数组,每隔2两秒显示 7个 数,要求自动拼接. 列如:var nums='1,2,3,4,5,6,7,8,9'; 第一次输出‘1,2,3,4,5,6,7’  第二次输出'8,9,1,2,3,4,5' 第三次输出'6,7,8,9,1,2,3' var array = [1,2,3,4,5,6,7,8,9]; var dom = document.getElementById('a'); function go(){ var result = array.splice(0,7); ar

JavaScript数组方法的兼容性写法 汇总:indexOf()、forEach()、map()、filter()、some()、every()

ECMA Script5中数组方法如indexOf().forEach().map().filter().some()并不支持IE6-8,但是国内依然有一大部分用户使用IE6-8,而以上数组方法又确实非常好用.在过去,我会为了兼容性尽量不用这些方法.但是,总不能为了旧的丢了新的吧?!虽然说jQuery已经集成好了不少语法糖,但jQuery体积太庞大,作为一名志于体面的前端儿得知道原生的兼容性写法要怎么写.于是这几天,我开始在琢磨这些方法的兼容性写法.其实并不难,就是以前不够自信不敢写.写完以后,

原生js 数组的迭代的方法

一.原生js Array给我们提供很多了方法.方便我们操作数组.这些方法的参数,都需要传入一个匿名函数,匿名函数中有三个参数,分别含义是:数组中的项.该项的索引.以及数组本身. 1.filter方法:对数组每一项执行匿名函数,并返回符合条件的数组的项. 1 var testArr=[1,2,3,4,52,2]; 2 //filter 方法 3 var moreTwo=testArr.filter(function(item,index,array){ 4 return item >2; 5 })

js——数组操作

把教程里的api看了一遍,感觉记住了,又感觉没有记住...后来发现,如果给自己提需求,或许不错.想想对于一个数组,可能会用到哪些操作呢?基本的操作就是增删改查吧(有点像sql) 1. 创建数组                空数组:var arr = [] 包含undefined元素[undefined x 3] - var arr = []; arr.length = 3; - var arr = [1,2,3]; delete arr[i];//delete每个元素后 - var arr =

原生JS数组去重的几种方法

有时候我们做项目的时候往往会需要把数组里面一些重复的项去掉,但是原生JS有排序,有筛选等等,但是就是没有数组去重怎么办呢?这能怎么办,自己手动实现嘛.(以下代码直接在原型上添加的的方法,为的就是和原生JS方法类似)可以达到Array.xxx()这样的效果 第一种方法:创建空数组利用indexOf方法检测就数组的项是否在新数组中. Array.prototype.unique=function(){ var arr=[];//创建新数组 for(var i=0;i<this.length;i++)