当前位置: 首页 > 编程笔记 >

JavaScript_ECMA5数组新特性详解

章嘉致
2023-03-14
本文向大家介绍JavaScript_ECMA5数组新特性详解,包括了JavaScript_ECMA5数组新特性详解的使用技巧和注意事项,需要的朋友参考一下

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

新加位置的方法: indexOf lastIndexOf

1.1个参数的时候表示传值 返回索引位置(index从0开始)

var index = arr.indexOf(4);
alert(index); //3

2. 2个参数的时候 第一个参数表示起始位置 第二个参数还是值

var index = arr.indexOf(4,4);
alert(index); //5

3.他们查找数组比较的时候 '==='

lastIndexOf
var index = arr.lastIndexOf(2);
alert(index); //7

5个新加迭代的方法

1.every :对于数组每一个元素进行一个函数的运行 如果都返回true 最后则返回true 如果有一个返回false最后结果则返回false

var result = arr.every(function(item , index , array){
  return item >= 1 ;
  });
alert(result); //true

2.filter :对于数组的每一个元素进行一个函数的运行 给定的函数去执行 把过滤后的结果返回

 var result = arr.filter(function(item , index , array){
return item > 2 ;
});
alert(result); //3,4,5,4,3

3.forEach :循环数组每一项的值 并执行一个方法

 arr.forEach(function(item, index, array){
  alert(item); //1,2,3,4,5,4,3,2,1
}); 

4.map 对于数组的每一个元素进行一个函数的运行 可以经过函数执行完毕后 把新的结果返回

var result = arr.map(function(item, index, array){
  return item*10;
});
alert(result); //10,20,30,40,50,40,30,20,10   

5.some :对于数组每一个元素进行一个函数的运行 如果有一项返回true 最后则返回true 如果每一项都返回false最后结果则返回false

var result = arr.some(function(item, index, array){
  return item >5 ;
});
alert(result); //false 

reduce reduceRight

变量的起始位置不同

前一个值 , 当前值 , 索引位置 , array

var result = arr.reduce(function(prev , cur , index , array){
  return prev + cur ;
});
alert(result) //25;

var result = arr.reduceRight(function(prev , cur , index , array){
  return prev + cur ;
});
alert(result) //25;

以上这篇JavaScript_ECMA5数组新特性详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Android 7.0新特性详解,包括了Android 7.0新特性详解的使用技巧和注意事项,需要的朋友参考一下 谷歌正式在I/O大会现场详细介绍了有关Android 7.0的大量信息。目前,我们已经知道,新一代Android操作系统将支持无缝升级,能够通过Vulkan API来在中低硬件配置设备上实现流 畅.游戏体验以及更多的Emoji表情。不过,Android 7.0最大也是最引

  • 本文向大家介绍详解MySQL8的新特性ROLE,包括了详解MySQL8的新特性ROLE的使用技巧和注意事项,需要的朋友参考一下 【MySQL的ROLE解决了什么问题】   假设你是一个职业素养良好的DBA比较同时又比较注重权限管理的话;可能遇到过这样的问题,数据库中有多个开发人员的账号;有一天要建   一个新的schema,如果你希望之前所有的账号都能操作这个schema下的表的话,在mysql-

  • 本文向大家介绍Java8新特性Stream流实例详解,包括了Java8新特性Stream流实例详解的使用技巧和注意事项,需要的朋友参考一下 什么是Stream流? Stream流是数据渠道,用于操作数据源(集合、数组等)所生成的元素序列。 Stream的优点:声明性,可复合,可并行。这三个特性使得stream操作更简洁,更灵活,更高效。 Stream的操作有两个特点:可以多个操作链接起来运行,内部

  • 本文向大家介绍Java 8新特性 内建函数式接口详解,包括了Java 8新特性 内建函数式接口详解的使用技巧和注意事项,需要的朋友参考一下 Java 8新特性内建函数式接口   在之前的一片博文 Lambda 表达式,提到过Java 8提供的函数式接口。在此文中,将介绍一下Java 8四个最基本的函数式接口   对于方法的引用,严格来讲都需要定义一个接口。不管我们如何操作实际上有可能操作的接口只有

  • 本文向大家介绍JavaScript数组特性与实践应用深入详解,包括了JavaScript数组特性与实践应用深入详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript数组特性与实践应用。分享给大家供大家参考,具体如下: JavaScript 提供了一种类似数组特性的对象,它把数组的下标变为字符串,作为对象的属性。虽然它比一个真正的数组来的慢,但是使用起来很方便。 1 数组字

  • 本文向大家介绍ThinkPHP3.1新特性之字段合法性检测详解,包括了ThinkPHP3.1新特性之字段合法性检测详解的使用技巧和注意事项,需要的朋友参考一下 ThinkPHP3.1版增加了表单提交的字段合法性检测,可以更好的保护数据的安全性。这一特性是3.1安全特性中的一个重要部分。 表单字段合法性检测需要使用create方法创建数据对象的时候才能生效,具体有两种方式: 一、属性定义 可以给模型