`
chunfengxixi
  • 浏览: 42298 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JS数组使用迭代函数注意点

 
阅读更多

 

JS的数组定义了如下几个迭代函数

some(),every(),forEach(),filter();map();

 

以下是随机获取双色球

function getRandomBall(){

    var redBalls=[];redBalls.length=6;

    redBalls.forEach(function (item,index,arr){

        arr[index]=getRandomInt(32);

    })

   var blueBall=getRandomInt(16);

   redBalls.push(blueBall);return redBalls;

}

 

function getRandomInt(max){

  max++;

  while(true){ 

   var rdm = parseInt(Math.random()*100);

   if(rdm<max && rdm !=0) return rdm;

  }

}

 

console.info(getRandomBall());

结果却不是想要的结果,

返回的是[undefined,undefined,undefined,undefined,undefined,undefined,22]

原因:arr[index]=getRandomInt(32);压根就没执行

 

 

修改:var redBalls=[];redBalls.length=6; 为:var redBalls=[undefined,null,'',NaN,false,0];

结果OK, 

结论:使用JS数组随机函数需要注意,如果数组元素没有显式初始化.该元素不会执行迭代函数的参数

分享到:
评论

相关推荐

    javaScript数组迭代方法详解_.docx

    JavaScript 数组迭代方法详解 JavaScript 数组迭代方法是指数组对象上的一些方法,这些方法可以对数组中的每一项进行操作,例如遍历、过滤、映射等。这些方法都可以接收两个参数:要在每一项上运行的函数和(可选的...

    javascript的数组和常用函数详解_.docx

    JavaScript数组的索引范围非常广泛,从0到2^32 - 1。如果使用负数、浮点数或布尔值作为索引,JavaScript会将其视为字符串,并尝试以对象的形式访问该键值。 **数组循环:** 1. **使用`for`循环:** ```javascript ...

    JS的数组迭代方法

    本文实例讲述了JS的数组迭代方法。分享给大家供大家参考。具体实现方法如下: &lt;!doctype html&gt; &lt;html&gt; &lt;head lang=zh&gt; &lt;meta charset=utf-8&gt; &lt;title&gt;js数组迭代&lt;/title&gt; &lt;...

    JQuery 操作Javascript对象和数组的工具函数小结

    JQuery操作非集合数组函数 $.trim(value) 这个函数很简单,从value中删除任何前导或尾随的空白字符。空白字符为任何匹配Javascript正则表达式\s的任何字符。包括空格、换页、换行、回车、tab、垂直指标符等。 $.each...

    详谈JS中数组的迭代方法和归并方法

    数组的迭代方法 ES5中为数组定义了5个迭代方法。每个方法都要接收两个参数:要在每一项上面运行的函数和(可选的)运行该函数的作用域对象—影响this的值。 传入方法中的函数会介绍三个参数:1.数组项的值 2. 该项...

    js数组的深拷贝

    在JavaScript中,数组的深拷贝是一个常见的需求,它涉及到数据结构的复制,尤其是在处理复杂对象和嵌套数据时。深拷贝与浅拷贝不同,浅拷贝只是复制引用,而深拷贝会创建一个新的对象,包含原始数组的所有元素,并...

    Javascript数组操作整理.rar

    本资料"Javascript数组操作整理"聚焦于JavaScript中的数组操作,旨在帮助开发者更好地理解和掌握相关知识。 1. 创建数组: JavaScript提供了多种创建数组的方式,如字面量语法`var arr = [元素1, 元素2, ...]`,或...

    数组方法ES6迭代器

    在本篇文章中,我们将深入探讨数组方法和ES6迭代器的相关知识点。 首先,让我们了解什么是迭代器。迭代器是一种协议,它定义了访问一系列值的机制,允许我们按需逐个获取这些值,而不是一次性加载整个集合。在ES6中...

    javaScript数组迭代方法详解

    JavaScript数组迭代方法是ECMAScript标准中定义的一系列用于操作数组元素的方法。ECMAScript 5为数组添加了五个主要的迭代方法,这些方法为数组处理提供了强大的功能,包括但不限于对数组的每个元素执行操作、进行...

    JavaScript数组迭代方法

    JavaScript数组迭代方法是指JavaScript语言中用于遍历数组元素的一系列方法,每种方法根据其特定用途可以对数组执行不同的操作。ECMAScript5版本对JavaScript数组增加了五种内置的迭代方法,分别是`forEach`、`map`...

    JS 数组遍历的方法

    在JavaScript中,数组遍历是开发过程中不可或缺的一部分。它允许我们对数组中的每个元素执行操作,比如计算、筛选、转换等。本篇文章将详细介绍几种常见的JS数组遍历方法,并通过实例来加深理解。 1. `for`循环 这...

    piteration使用asyncawait或promises使数组迭代变得很简便

    `p-iteration`库为这种情况提供了一个优雅的解决方案,它使得使用`async/await`或`Promise`进行数组迭代变得极其简便。本文将深入探讨`p-iteration`库及其如何与`async/await`和`Promise`结合使用,以提高代码的...

    js数组的五种迭代方法及两种归并方法(推荐)

    js数组的五种迭代方法及两种归并方法(推荐) &lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&gt; &lt;... &lt;head&gt;...

    javascript中Array数组的迭代方法实例分析

    下面将详细介绍和实例分析JavaScript数组的几种迭代方法:map()、filter()、every()、some()和forEach()。 首先,map()方法是创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。这个方法...

    JS—数组

    数组的性能优化也是需要注意的点,比如避免不必要的数组拷贝,合理使用缓存等。 总之,理解并熟练掌握JavaScript中的数组操作是成为高效前端开发者的关键技能之一。通过不断实践和学习,我们可以灵活运用数组特性...

    测试js数组的一点特性写的代码

    本篇将深入探讨JavaScript数组的一些关键特性和用法,通过分析`TestArray.html`、`TestArray2.html`、`TestArray3.html`中的代码示例,我们可以更全面地理解这些知识点。 ### 1. 创建数组 创建数组有两种常见方法:...

    js 数组实现一个类似ruby的迭代器

    3. 向迭代传入无限多的参数:通过将参数对象化,例如使用JSON对象,可以在迭代函数中传递任意数量的参数,这样可以大大提高函数的灵活性和复用性。例如,如果需要在迭代过程中删除数组中的特定值,可以通过传递一个...

    JavaScript数组迭代器实例分析

    总之,JavaScript数组迭代器是编程中一种强大的工具,它简化了对数组和其他可迭代对象的处理,并提供了与ES6及更高版本中其他高级功能(如生成器、async/await等)集成的能力。熟练掌握迭代器的使用,可以显著提升你...

Global site tag (gtag.js) - Google Analytics