文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

微信小程序中ECMAScript5数组操作方法是什么

2023-06-19 11:02

关注

这篇文章主要讲解了“微信小程序中ECMAScript5数组操作方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序中ECMAScript5数组操作方法是什么”吧!

首先补充说明一下,ECMAScript是欧洲计算机制造商协会(European Computer Manufacturers Association)为了统一各种script,以JavaScript1.1为基础搞出来的一种脚本语言规范。ECMAScript5是这个规范第五个版本。由于它得到了各大浏览器厂商的响应积极,所以称得上是JavaScript的未来。微信小程序也支持ECMAScript5。

ECMASript5中的数组方法

forEach

forEach方法提供了一种相对简单的(至少是在形式上)方法遍历数组,它有3个参数:数组元素,元素的索引和数组本身。

data = [1, 2, 3, 4, 5];

//所有元素求和

var sum = 0;

data.forEach(funtion(value){sum += value;}) 

sum                                                   //=>15

//每个元素乘2

data.forEach(function(v, i, a){ a[i] = v * 2;});

data               //=>[2, 4, 6, 8, 10]

看懂没有?如果没懂也不要紧,我们以乘2为例,稍微展开说明。代码可能不能执行,只是为了说明。

forEach的实现大致如下,想象的,偏差应该不大。

function forEach(f)

{

    for(int i = 0;  i < array.length; i++)

        f(array[i], i, array);   

}

用户定义一个函数,参数为数组元素,元素的索引和数组本身。之所以这样定义是forEach方法实现的要求。

function mul2(v, i, a)

{

    a[i] = v * 2;

}

接下来是调用

data.forEach(mul2);

这样就好理解多了。示例中只是将定义乘2函数和调用该函数合并成了一行。

map

这个方法和映射没有任何关系,功能是将数组中的每个元素传递给指定的函数进行处理,并将返回值合成一个数组返回。

a = [1, 2, 3];

b = a.map(function(value){ return value * 2}); //=>b = [2, 4, 6]

flter

对数组中的每个元素进行筛选,返回由符合条件的元素构成的数组。

 a = [1, 2, 3, 4, 5, 6, 7]

 b = a.filter(function(x){ return x%2== 0  });  //=>b= [2, 4, 6]

every和some

every方法和some方法对数组进行逻辑判定。

a = [1, 2, 3, 4, 5];

a.every(fuction(x){ return x > 3 }); //=> false.

这个方法对数组的所有元素调用指定的函数,只有所有的(every)结果都为真,every方法的结果才为真,否则结果为假。

a = [1, 2, 3, 4, 5];

a.some(fuction(x){ return x > 3 }); //=> true.

这个方法对数组的所有元素调用指定的函数,只要某些(some)结果为真,some方法的结果就为真,只有所有的结果都为假时,结果才为假。

reduce和reduceRight

reduce方法和reduceRight方法使用指定的函数将数组元素进行合并,生成单个值。

a = [1, 2, 3, 4, 5];

factorial = a.reduce(function(prev, v){ return prev * v });

这是一个计算阶乘的例子。被指定函数的两个参数一个是前一次计算的结果,一个是新的元素值。reduce方法会对所有的元素调用指定函数。实际上除了函数以外,reduce还有另外一个参数,用于指定计算的初始值。如果不指定,则使用数组的第一个元素作为初始值。

reduceRight的功能和reduce类似,只是计算的方向是从后向前。

indexOf和lastIndexOf

indexOf方法搜索数组中的元素,找到第一个具有给定值的元素的索引值,如果没有找到,则返回-1。可以使用可选的第二参数指定检索的开始位置。

lastIndexOf的功能和indexOf类似,只是计算的方向是从后向前。

感谢各位的阅读,以上就是“微信小程序中ECMAScript5数组操作方法是什么”的内容了,经过本文的学习后,相信大家对微信小程序中ECMAScript5数组操作方法是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯