精华内容
下载资源
问答
  • js 数组迭代方法

    2021-04-07 20:19:15
    数组建议使用forEach进行遍历 every some filter reduce 求和、rightreduce() ...values()获取值迭代器 或者数组[Symbol.iterator] map 映射 find(回调) 返回值 否则 undefined findIndex(回调) 返回索引 否则 -1 ...
    • 数组建议使用forEach进行遍历
    • every
    • some
    • filter
    • reduce 求和、rightreduce() 从右到左
    • keys() 获取键迭代器 包含空间 如果 [1,3], iterator{0,1,2}
    • values()获取值迭代器 或者数组[Symbol.iterator]
    • map 映射
    • find(回调) 返回值 否则 undefined
    • findIndex(回调) 返回索引 否则 -1
    展开全文
  • JS 数组迭代方法

    2016-10-05 16:31:00
    js数组迭代方法有五种 some() , every(), filter(), forEach(),map(),传入这些方法的函数会接收三个参数(数组项的值,该项在数组中的位置,数组对象本身) var items = [9,67,34,25,56]; //如果items中的...
     

      

    js中数组迭代方法有五种 some() , every(), filter(), forEach(),map(),传入这些方法的函数会接收三个参数(数组项的值,该项在数组中的位置,数组对象本身)

     

    var items = [9,67,34,25,56];  
    //如果items中的所有项都大于9返回true否则返回false 全部满足条件才行
    var everyResult = items.every(function(item,index,array){
       return (item>9);
    });
    alert(everyResult);//返回值为true/false
    //其中返回值类似的是 some(),every(),返回值都为true或false
    // 如果items中有其中一项大于9就返回true 否则返回false 一真即真
    var someResult = items.some(function(item,index,array){
          return (item>9);
    });
    alert(someResult);//返回值为true/false
    
    // 返回数组中满足条件的项并赋值给filterResult
    var filterResult = items.filter(function(item,index,array){
        return item>9;
    });
    alert(filterResult);//67,34,25,56
    
    // 返回items中所有项的比较结果 条件满足返回true否则返回false 每项的结果都会返回
    var mapResult = items.map(function(item,index,array){
        return item>9; //如果符号为*,+,-之类的话会返回它们的结果
    });
    alert(mapResult);

    //forEach 没有返回值
    items.forEach(function(item,index,array){
     alert('item');//类似for循环 执行的次数为数组的长度
    });
     

     添加两个新方法 

    //缩小方法--------------------------------------------------------------------------------------
    var shu = [1,2,3,4,5];// pre是前一个值  cur是当前值
    var sum = shu.reduce(function(pre,cur,index,array){
    	//console.log(pre,cur);
    	//1 2
    	//3 3
    	//6 6
    	//10 5
          return pre+cur;
    });
    
    //alert(sum);
    
    var summ = shu.reduceRight(function(pre,cur,index,array){
        console.log(pre,cur);
        // 5  4
        // 9  3
        //12  2
        //14  1
        return pre+cur;
    });
    alert(summ);
    

      

    转载于:https://www.cnblogs.com/Moon-k/p/5932428.html

    展开全文
  • js数组迭代方法

    2020-10-02 20:58:06
    数组的每一项运行给定函数,如果该函数对每一项都有返回true,则返回true。接受三个参数(项目值,项目索引,数组本身) var txt = “”; var numbers = [45, 4, 9, 16, 25]; numbers.forEach(myFunction); ...

    1 .every()

    对数组的每一项运行给定函数,如果该函数对每一项都有返回true,则返回true。接受三个参数(项目值,项目索引,数组本身)
    var txt = “”;
    var numbers = [45, 4, 9, 16, 25];
    numbers.forEach(myFunction);
    function myFunction(value, index, array) {
    	txt = txt + value + “
    ”;
    }//true
    

    2 .filter()

    对数组中的每一项运行的函数,返回该函数会返回true的项目组成的数组接受三个参数(项目值,项目索引,数组本身)
    var numbers = [45, 4, 9, 16, 25];
    var over18 = numbers.filter(myFunction);
    function myFunction(value, index, array) {
    	return value > 18;
    }//45,25
    

    3 .forEach()

    对数组中的每一项运行的给定函数。这个方法没有返回值(为每个数组元素调用一次函数)。接受三个参数(项目值,项目索引,数组本身)
    var txt = “”;
    var numbers = [45, 4, 9, 16, 25];
    numbers.forEach(myFunction);
    function myFunction(value, index, array) {
    	txt = txt + value + “</br>”;
    }//45
    	4
    	9
    	16
    	25
    

    4 .map()

    通过对每个数组元素执行函数来创建新数组。接受三个参数(项目值,项目索引,数组本身)
    • 不会对没有值的数组元素执行函数
    • 不会更改元素函数
    var numbers1 = [45, 4, 9, 16, 25];
    var numbers2 = numbers1.map(myFunction);
    function myFunction(value, index, array) {
    	return value * 2;
    }//90 8 18 32 50
    

    5 .some()

    检查某些数组值是否通过了测试。接受三个参数(项目值,项目索引,数组本身)
    var numbers = [45, 4, 9, 16, 25];
    var someOver18 = numbers.some(myFunction);
    function myFunction(value, index, array) {
    	return value > 18;
    }//true
    

    6 .reduce()

    在每个数组元素上运行函数,以生成单个值。接受四个参数(总数(初始值/先前返回的值),项目值,项目索引,数组本身)
    var numbers = [45, 4, 9, 16, 25];
    var someOver18 = numbers.reduce(myFunction);
    function myFunction(total, value, index, array) {
    	return total + value;
    }//99
    

    7 .indexOf()

    在数组中搜索元素值并返回其位置。
    var fruits = [“Apple”, “Orange”, “Apple”, “Mango”];
    var a = fruits.indexOf(“Apple”);//0
    

    注: array.indexOf(item, start)
    item 必需。要检索的项目。
    start 可选。从哪里开始搜索。负值将从结尾开始的给定位置开始,并搜索到结尾。
    如果未找到项目,Array.indexOf() 返回 -1。
    如果项目多次出现,则返回第一次出现的位置。

    8 .find()

    测试函数的第一个数组元素的值。
    var numbers = [4, 9, 16, 25, 29];
    var first = numbers.find(myFunction);
    function myFunction(value, index, array) {
    	return value > 18;
    }//25
    

    9 .findIndex()

    测试函数的第一个数组元素的索引,支持第二参数,表示开始搜索的位置
    var numbers = [4, 9, 16, 25, 29];
    var first = numbers.findIndex(myFunction);
    function myFunction(value, index, array) {
    	return value > 18;
    }//3
    

    10 .includes()

    是否包含该字符串
    let s = 'Hello world!';
    s.includes('o') // true
    

    11 .startsWith()

    是否在原字符串的头部.支持第二参数,表示开始搜索的位置
    let s = 'Hello world!';
    s.startsWith('Hello') // true
    

    12 .endsWith()

    是否在原字符串的尾部.支持第二参数,表示开始搜索的位置
    let s = 'Hello world!';
    s.endsWith('!') // true
    

    13 .repeat()

    返回一个新字符串,表示将元字符串重复n次
    'x'.repeat(3) // "xxx"
    'hello'.repeat(2) // "hellohello"
    'na'.repeat(0) // ""
    

    14 .push()

    可向数组的末尾添加一个或多个元素,并返回新的长度

    返回值

    • 把指定的值添加到数组后的新长度。返回值
    • 把指定的值添加到数组后的新长度。
    <script type="text/javascript">
    
    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    
    document.write(arr + "<br />")
    document.write(arr.push("James") + "<br />")
    document.write(arr)
    
    </script>
    

    输出

    George,John,Thomas
    4
    George,John,Thomas,James
    
    展开全文
  • JS数组迭代方法

    2019-01-27 16:19:00
    先说every()和 some(),它们都用于查询数组中的项是否满足某个条件。 every(): var numbers = [1,2,3,4,5,4,3,2,1];var everyResult = numbers.every(function(item, index, array){return (item > 2);}); ...

    先说 every()和 some(),它们都用于查询数组中的项是否满足某个条件。

    every()

    var numbers = [1,2,3,4,5,4,3,2,1];
     var everyResult = numbers.every(function(item, index, array){
     return (item > 2);
     });

     alert(everyResult); //false

    // 传入的函数必须对每一项都返回 true 相当于 number里面的参数都>2 才返回true

    some():

    var numbers = [1,2,3,4,5,4,3,2,1];

    var someResult = numbers.some(function(item, index, array){
     return (item > 2);
     });

     alert(someResult); //true
    // 传入的函数有一项>2都返回 true 相当于 number里面的参数有一个参数>2 返回true


    filter():

    var numbers = [1,2,3,4,5,4,3,2,1];
    var filterResult = numbers.filter(function(item, index, array){
    return (item > 2);
    });
    alert(filterResult); //[3,4,5,4,3]

    //它利用指定的函数确定是否在返回的数组中包含某一项。例如,要 返回一个所有数值都大于 2 的数组  相当于过滤 filter就是过滤的意思吧!


     

    map():

    var numbers = [1,2,3,4,5,4,3,2,1];
    var mapResult = numbers.map(function(item, index, array){
    return item * 2;
    });
    alert(mapResult); //[2,4,6,8,10,8,6,4,2]

    map()也返回一个数组,而这个数组的每一项都是在原始数组中的对应项上运行传入函数的结果。 例如,可以给数组中的每一项乘以 2,然后返回这些乘积组成的数组


     

    forEach():

    var numbers = [1,2,3,4,5,4,3,2,1];
    numbers.forEach(function(item, index, array){
    //执行某些操作
    });

    它只是对数组中的每一项运行传入的函数。这个方法没有返回值, 本质上与使用 for 循环迭代数组一样。


     

    转载于:https://www.cnblogs.com/yuobey/p/10327178.html

    展开全文
  • js数组迭代方法总结

    2020-02-06 13:32:30
    数组迭代,数组有很多的迭代方法,在这边做个总结。 迭代:就是对数组中的每一项都进行相应的操作 这些迭代方法都有一个回调函数:有三个参数:数组中的每个元素,元素的索引,原数组。 1、forEach(回调函数) forEach...
  • 数组迭代方法接受回调函数,回调函数接受参数说明: total——总数(初始值/先前返回的值) value——数组元素值 index——数组元素索引 array——数组本身 */ let arr = [45, 4, 9, 16, '25'] let newArr = ...
  • JS数组迭代方法总结

    2017-07-13 16:23:11
    1、every:对于数组每一个元素进行函数的运行,若每一个函数都返回true,则结果为true,否则为false 例:var arr = [1,2,3,4,3,5];  var result = arr.every(function(item,index,array){ return item > 2;  })
  • js 数组迭代方法,归并方法

    千次阅读 2016-10-21 16:44:22
    1.js 提供了一些迭代方法,包括every,some,filter,map,forEach.every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。 filter():对数组中的每一项运行给定函数,返回该函数会...
  • reduce() 方法在每个数组元素上运行函数,使每个数组元素与上次返回的值进行某样操作。 reduce() 方法数组中从左到右工作。另请参见 reduceRight()。 reduce() 方法不会减少原始数组。 请注意此函数接受 4 个...
  • JS数组迭代方法

    2020-10-24 18:21:26
    主要介绍了JS数组迭代方法,实例分析了javascript使用数组迭代的相关技巧,代码中备有较为详细的注释便于理解,具有一定参考借鉴价值,需要的朋友可以参考下
  • js数组迭代

    2021-01-21 12:21:01
    数组迭代方法对每个数组项进行操作,可以简单地理解为按顺序访问目标(数组、对象等)中的每一项(其实和遍历概念没什么差别) 迭代分为: 查找 遍历 查找 indexof()方法在数组中搜索元素值并返回其位置 语法:...
  • JS数组迭代

    2019-09-28 15:33:40
    //数组迭代方法是对每个数组进行操作 //value 当前项目值 index 索引数 array 数组本身 //为每个数组元素调用一次函数 //Array.forEach()//没有返回值,只是针对每个数组项调用指定的函数 var a = ""; var num ...
  • 原生JS数组迭代方法应用非常广,相比于for循环遍历,代码结构简单、规整,但使用也要非常注意。  以下是本人学习过程中对数组迭代方法的典型应用。 1. map()和forEach()方法填坑。  这是Vue获取API新闻列表中...
  • 待续 转载于:https://www.cnblogs.com/zzzzzzzsy/p/8365163.html

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 659
精华内容 263
关键字:

js数组迭代方法