数组API(2)

ES5中数组新增API:

1. indexOf

作用:检测当前数据是否在数组中存在;

特点:如果存在返回相对应的下标,如果不存在则返回-1;

如果数组中存在多个需要判断的这个数据,则返回最近的这个数据的下标;

可以传递两个参数,第二个参数指定查询的起始位置;

示例:

var arr = [10,20,30,40,50,30];
                 var index1= arr.indexOf(30);  
                 var index2 = arr.indexOf(80);
                 var index3 = arr.indexOf(30,3);
                console.log(index1);  //结果为2
                console.log(index2);  //结果为-1
                console.log(index3);  //结果为5

2. lastIndexOf

作用:检测当前数据是否在数组中存在;

特点:如果存在返回相对应的下标,如果不存在则返回-1;

如果数组中存在多个需要判断的这个数据,则返回最后的这个数据的下标(也就是说它的查找方式是从右往左);

可以传递两个参数,第二个参数是指定查询的起始位置,然后从起始位置往左找;

示例:

var arr = [10,20,30,40,50,30];
                 var index1= arr.lastIndexOf(30);  
                 var index2 = arr.indexOf(80);
                 var index3= arr.lastIndexOf(30,5);  
                 console.log(index1);  //结果为5
                 console.log(index2);  //结果为-1
                 console.log(index3);  //结果为5

3. map

作用:需要对数组中的数据做一些同一类型的操作时,可以用到map;

特点:不会改变原数组,会有一个返回值, 返回值是一个新的数组;

map中除了有一个回调以外,还有第二个参数就是用来改变this指向的,此参数选用。
                            回调函数中的3个参数:
                                 item:数组中的数据
                                 index:数组中数据的下标
                                 array:当前遍历的数组

示例:

var arr = [10,20,30,40,50];
    
                var newArr = arr.map(function(item,index,array){
                          console.log(item,index,array);//自己可以打印着看看
                          return item*=1.3;
                  })
    
                 console.log(arr);   //   [10,20,30,40,50]
                 console.log(newArr);  //  [ 13, 26, 39, 52, 65 ]

4.   forEach

作用:遍历;

特点:没有返回值,不会改变原数组;

forEach中除了有一个回调以外,还有第二个参数 就是用来改变this指向的,此参数选用。

回调函数中的3个参数:
                                  item:数组中的数据
                                  index:数组中数据的下标
                                  array:当前遍历的数组

示例:

var arr = [10,20,30,40,50];
               var newArr  = []
               arr.forEach(function(item,index,array){
                     newArr.push(item*=1.3);
                     console.log(this);//当前this指向document,如果不改变this指向,则指向window
                  },document)

console.log(arr);// [10,20,30,40,50]
            console.log(newArr);//[ 13, 26, 39, 52, 65 ]

注:forEach和map是不能被终止的  也就是说return  和break根本不会终止它们的循环

5.  filter

作用:通过某种条件对数据进行过滤筛选;

特点:返回一个匹配过滤条件的新数组,不会改变原数组;

filter中除了有一个回调以外,还有第二个参数 就是用来改变this指向的,此参数选用。

回调函数中的3个参数:
                                 item:数组中的数据
                                 index:数组中数据的下标
                                 array:当前遍历的数组

示例:
                       var arr = [10,20,30,40,50];

var newArr = arr.filter(function(item,index,array){
                         console.log(this);//当前this指向document,如果不改变this指向,则指向window
                       return item>30;
                    },document)
             
               
            console.log(arr);// [10,20,30,40,50]
            console.log(newArr);//[ 40,50 ]
   
  6.  reduce

作用: 累积器;

特点:返回一个匹配过滤条件的新数组,不会改变原数组;
                   
                  回调函数中的4个参数:
                                init:初始值,值为reduce函数的第二个参数
                                 current: 为数组中的当前值, 第一次为数组中下标为0的这个值 第二次为下标1的值  .....   
                                 index:数组中数据的下标
                                 array:当前遍历的数组

示例:
                       var arr = [10,20,30,40,50];
                       var sum =  arr.reduce(function(init,current){
                         return current-init;
                        },0)
                      console.log(sum);//30 ;sum的计算过程: sum=50-(40-(30-(20-(10-0))));

7.reduceRight
     作用同reduce,唯一的不同是,reduceRight 是从右至左遍历数组的元素。

8.some
      作用: 测试数组中是否有某元素通过 callback 函数测试;

特点:如果 callback 函数返回值为 true 则表示通过测试(有一个通过测试,则为真);

回调函数中的3个参数:
                                v:数组中的数据
                                i:数组中数据的下标
                                arr:当前遍历的数组

let arr=[1,3,6,4,2]
            let someRes = arr.some((v, i, arr) => {
                    return v > 5
                 })
           console.log(someRes) ;//  true

9. every
      作用: 测试数组中是否全部元素通过 callback 函数测试;

特点:如果 callback 函数返回值为 true 则表示通过测试(全部通过测试,则为真);

回调函数中的3个参数:
                                v:数组中的数据
                                i:数组中数据的下标
                                arr:当前遍历的数组

let arr=[1,3,6,4,2]
            let everyRes = arr.every((v, i, arr) => {
                    return v > 5
                 })
           console.log(everyRes) ;// false

原文地址:https://www.cnblogs.com/class1/p/11002816.html

时间: 2024-10-17 11:28:05

数组API(2)的相关文章

数组Array、数组API

1.数组:批量管理多个数据的存储空间. 数组的作用:现实中,批量管理多个数据都是集中分组存放,良好的数据结构,可极大提高程序的执行效率! 优点:方便查找 2.创建数组:(4种方式) (1)var 变量名=[]; 创建一个空数组 何时使用:暂时不知道数组中的元素内容时(2)var 变量名=[值1,值2,...]; -->创建数组同时,初始化数组中的数据(3)var 变量名=new Array(); 创建一个空数组 new:在window之外,创建一个新空间,保存多个数据 返回新空间的地址! 注意:

JavaScript中对数组和数组API的认识

JavaScript中对数组和数组API的认识 一.数组概念: 数组是JavaScript中的一类特殊的对象,用一对中括号“[]”表示,用来在单个的变量中存储多个值.在数组中,每个值都有一个对应的不重复的索引值.自动匹配索引值的数组称为索引数组,自定义索引值的数组称为关联数组(又叫哈希数组).以下均研究索引数组. 二.创建数组: 使用数组之前首先都要先创建并赋值给一个变量,创建数组有两种不同的方法. 1.调用构造函数Array()创建数组,索引数组索引值都从0开始 eg:var arr=New

js中数组API以及ES6总结

1. 数组API2. ES6: 1. 数组API: 遍历: 对数组中每个元素执行相同的操作 arr.forEach(): 对原数组中每个元素执行相同的操作 arr.forEach(function(elem,i,arr){ //对当前元素执行操作,并保存回原数组的当前位置}) arr.map(): 复制出原数组中每个元素,执行相同操作后,放入新数组返回.原数组保持不变. var newArr=arr.map(function(elem,i,arr){ return 新值}) 过滤和汇总: 过滤:

数组Api .map()的使用

之前并没有过多的使用过这个Api,在此记录下对其的理解,方便以后多多使用. 首先是对map的说明: var mappedArray = array.map(callback[, thisObject]); callback: 要对每个数组元素执行的回调函数. thisObject : 在执行回调函数时定义的this对象. 其可以为数组中的每一个元素执行一次回调函数,并将返回值存入一个新数组中.它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略.map 不会改变原有数组,调函

数组API函数

㈠数组转字符串 ⑴String(arr):将arr中的每个元素转为字符串,用逗号分隔     固定套路:对数组拍照:用于鉴别是否数组被修改过 ⑵arr.join("连接符"):将arr中每个元素转为字符串,用自定义的连接符分隔 // 将字符拼接为单词 var chars = ["H","e","l","l","o"];console.log(chars.join(""

js手写数组Api--模拟实现常见数组Api

数组的API经常用,但是api的内部实现还没研究过,于是就研究学习了下. 原文地址: https://www.cnblogs.com/yalong/p/11606865.html 数组的API的具体使用方看这里 API详细用法本文记录了数组中的 every,filter, find , indexOf, forEach, from, includes, isArray, map, reduce,slice,splice, sort这些个API的实现,如有不当,欢迎指出. Every 定义和用法:

js中的数组api

数组对象的3个属性 1.length 属性 Length属性表示数组的长度,即其中元素的个数.因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1.和其他大多数语言不同的是,JavaScript数组的length属性是可变的,这一点需要特别注意.当length属性被设置得更大时,整个数组的状态事实上不会发生变化,仅仅是length属性变大:当length属性被设置得比原来小时,则原先数组中索引大于或等于length的元素的值全部被丢失.下面是演示改变length属性的例子

ECMAScript5新增数组API的一些细节

ECMAScript5新增的数组方法看似都比较简单其实还是有一些细节需要了解的 首先这些方法都不会作用于原数组,其次是在对稀松数组的处理上. (1)这些方法在稀松数组缺少的元素上都不会执行回调函数 (2)map的返回值包括稀松数组缺少的元素,而filter方法会过滤掉稀松数组的缺少元素,从而返回的都是一个紧凑的数组 var a = new Array(10); a[0] = null ; a[1] = undefined; var _a = a.map(function(){ return 1;

数组API

1.数组的创建 var arrayObj = new Array();//创建一个默认数组,长度是0 var arrayObj = new Array(size);//创建一个size长度的数组,注意Array的长度是可变的,所以不是上限,是长度 var arrayObj = new Array(item1,item2,…..);//创建一个数组并赋初值 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的