ES5新增数组的方法

1、Array.indexof(value1,value2)

Tip:用于返回某个数组或字符串中规定字符或者字符串的位置。

(1)当Array.indexof(value1);里面只有一个值的时候,表示value1在arr数组里面的我们想要得到查找的值。

        var arr = [11,12,13,14,15,16,"hello",17];
        var i = arr.indexOf(13);//表示13在数组中的索引
        var a = arr[i];//在下面我们console.log我们可以看到这个值是否对应数组中一开始我们所想要的索引数
        console.log(i)//2
        console.log(a)//13                

(2)当Array.indexof(value1,value2);第一个值(value1)表示我们想要在数组中查找的值,第二个值(value2)表示我们

我们想要从第几个位置去查找这个值;

     var arr = [11,12,13,14,13,16,"hello",17];
     var i = arr.indexOf(13,3);//我们是从第三个数开始在这个数组中从左到右中去找这个数。
     var a = arr[i];//13
     console.log(i)//4 从第三个值开始查到到的这个value1的第一个值,前三个数不会识别,直接跳过,进行查找。
     console.log(a)//13

(3)当Array.indexof()的括号里面不管时一个值还是两个值,若这个值不在我们的这个数组里面返回值都是-1.

      var arr = [11,12,13,14,13,16,"hello",17];
	  var a = arr.indexOf(20);//数组中没有这个值
	  var i = arr.indexOf(21,2);//数组zhong
	  console.log(i)//-1
	  console.log(a)//-1

(4)用Array.indexof()方法中-1特性写一个去重案例

var arr = [1,1,2,"hello","yes","yes",2];
		function Arrayeighting(arr){
			var newArr = [];//定义一个新数组,一会将用于indexof -1特性判断,判断有没有某个值
			for(var i = 0;i<arr.length;i++){//遍历老数组
				if(newArr.indexOf(arr[i])==-1){//判断新创建的数组中有没有老数组中的这个数
					newArr.push(arr[i]);//当indexof返回值为-1就没有这个数,我们就添加这个数
				}
			}
				return newArr;//返回给函数,一个封装函数,随时都可以去调用。
		}
		console.log(Arrayeighting(arr))// [1, 2, "hello", "yes"]

  

2、Array.forEach()

Tip:循环或遍历数组

          var arr = [11,12,13,14,13,16,"hello",17];
		arr.forEach(function (value,index,self){
			console.log(value,index,self)
		})                //value表示数组里面的数值            //index表示改数值在数组中的位置(索引)            //self表示的是当前数组。(arr)

 

3、Array.map()

Tip:类似于forEach,会遍历所有的数组,返回当前方法返回值。map不会改变原有数组,而是将函数执行一次之后的返回值组成一个新的数组,返回出来。

demo:将原来的数组扩大1.5倍

          var arr = [11,12,13,14,13,16,17];
		var a = arr.map(function (val){
			return val*=1.5;//不会改变原有数组,并会返回一个新的数组。
		})
			console.log(a)          
            //value表示数组里面的数值            //index表示改数值在数组中的位置(索引)            //self表示的是当前数组。(arr)

  

4、Array.filter ()

都同上一样,筛选数组中的所有项,当条件为tuer的时候才回返回该数据,当条件为false时返回的是一个空数组。

		var arr = [11,12,13,14,13,16,17];
		var a = arr.filter(function (value){
			return value>14;判断的条件
		})
			console.log(a)//[16.17]

  

原文地址:https://www.cnblogs.com/xushipobk/p/11419170.html

时间: 2024-11-08 08:54:19

ES5新增数组的方法的相关文章

ES5新增数组的方法 (indexof/forEach/map/filter)

新增的数组常见方法:以下说明中,红色为必选参数,蓝色为可选参数 1.indexOf(data,start); 用于返回某个数组或者字符串中规定字符或者字符串的位置: var arr = ["a","b","c","d","e"]; arr.indexOf("a"); //0 //返回当前查询字符所在的位置的下标,如果查询不到,返回-1,start表示从第几位开始查询. 2.forEach

ES5新增数组方法every()、some()、filter()、map()

JavaScript ES5标准中新增了一些Array方法,如every().some().filter().map().它们的出现使我们能够更加便利地操作数组,但对IE9以下浏览器的兼容性比较差.下面来看一下它们的用法. //数组中的元素全部满足指定条件返回true //运行结果为false var checknum = [15,3,2,6,7,1,9,10]; var checkresult = checknum.every(function(item,index,array){ retur

ES5新增 数组,字符串,对象方法

数组新增方法 迭代方法:forEach() map() filter() some() every() forEach() // array.forEach(function (currentValue, index, arr)); // currentValue:数组当前项的值 // index: 数组当前项的索引 // arr:数组对象本身 var arr = [1, 2, 3]; arr.forEach(function(value, index, array) { console.log

ES5中数组的方法

1.forEach() 从头到尾遍历数组,为每个元素调用指定函数 第一个参数:传递的函数该函数调用的参数:数组元素.元素索引.数组本身 例子: 2.map() 调用数组的每个元素传递给指定的函数,并返回一个包含返回值的新数组:传递给map()的函数有返回值,map()返回新数组,不会修改调用的数组:如果是稀疏数组,返回的也是相同方式的稀疏数组. 例子: 3.filter() 返回数组的一个子集,回调函数用于逻辑判断是否返回,返回true则把当前元素加入到返回数组中,false则不加: 新数组只包

es6数组的方法

1.复习的函数 函数是由关键字function声明的,他是一个引用数据类型,是Function的实例,在调用的时候会开辟一个私有空间 2.函数的成员 arguments:null  (是实参构成的数组集合) caller:null(是这个函数的调用者,函数在A个函数内调用,那么A就是这个函数的调用者,在window下caller是null) 案例: function fn(){ console.log(fn.caller) } function f(){ fn(23,56) } f()     

ES5中数组新增的方法说明

一.前言-索引 ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了. ES5中新增了写数组方法,如forEach (js v1.6), map (js v1.6) ,filter (js v1.6),some (js v1.6),every (js v1.6),indexOf (js v1.6),lastIndexOf (js v1.6),reduce (js v1.8),reduceRight (js v1.8) 浏览

字符串方法,js中的数组方法,ES5新增的数组方法,以及jQuery中的数组方法

说明:本片主要对比介绍与数组操作相关的方法 (一)字符串方法(String对象方法) indexOf() //检索字符串 lastIndexOf() //从后向前搜索字符串 match() //找到一个或多个正则表达式的匹配 replace() //替换与正则表达式匹配的子串 search() //检索与正则表达式相匹配的值 slice() //提取字符串的片断,并在新的字符串中返回被提取的部分 split() //把字符串分割为字符串数组 substr() //从起始索引号提取字符串中指定数目

一些ES5的操作数组的方法

在ES5规范中新增了不少操作数组的方法,特此罗列一下以备使用 1. forEach循环 有点类似jQuery的each循环 [12,23,36,4,5].forEach(function(v,k){ console.log(v)   得到元素值,    12,23,36,4,5 console.log(k)   得到元素下标 ,0,1,2,3,4 }) 方便在不借助三方库的情况下遍历各类数组 2.filter过滤器 用于筛选元素 var arr = [12,23,36,4,5].filter(f

ES5中新增的Array方法详细说明

ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了. ES5中新增了写数组方法,如下: forEach (js v1.6) map (js v1.6) filter (js v1.6) some (js v1.6) every (js v1.6) indexOf (js v1.6) lastIndexOf (js v1.6) reduce (js v1.8) reduceRight (js v1.8) 浏览器支持 Ope