ES5新增数组的常见方法

女爷i 2022-12-16 16:19 215阅读 0赞

#### 1、indexof ####

方法可返回数组中某个指定的元素位置,索引位置从0开始,如果在数组中没找到指定元素则返回 -1。  
例: 从数组 arr = \[“a”,“b”,“c”,“d”,“e”\];找出a的位置 .

var arr = ["a","b","c","d","e"];
        arr.indexOf("a");        //0
        arr.indexOf("g");

#### 2、forEach ####

方法用于调用数组的每个元素，并将元素传递给回调函数。没有任何返回值.  
例:遍历数组 arr =\[“a”,“b”,255,512,“hello”\]

var arr = ["a","b",255,512,"hello"];
    
    		var a = arr.forEach(function(value,index){
    			 console.log(value);
    			 console.log(index);
    		})
    		console.log(a);

#### 3、map ####

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值  
**注意：** map() 不会对空数组进行检测,map() 不会改变原始数组  
例:将arr2 = \[4,5,6,7,8\]乘以1.3后返回

var arr2 = [4,5,6,7,8]
    		var b = arr2.map(function(value,index){
    //			console.log(value)
    //			console.log(index)
    			return value+value*0.3;
    		})
    		console.log(arr2)
    		console.log(b)

#### 4、filter ####

filter() 方法创建一个新的数组，是将函数执行一遍，只有在布尔值为true的时候才会返回该数据  
例1: 返回 arr2 = \[4,5,6,7,8\]大于5的数据

var c = arr2.filter(function(value,index){
    			console.log(value)
    			console.log(index)
    			return value <= 5
    		})
    		console.log( c )

例2:  把一个Array中的空字符串删掉，可以这么写：

var arr = ['A', '', 'B', null, undefined, 'C', '  '];
    
    var r = arr.filter(function (s) {
        return s && s.trim(); // 注意：IE9以下的版本没有trim()方法
    
    });
    
       console.log(r);