js中Array中的方法

map用法

举例说明,比如我们有一个函数f(x)=x2,要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上,就可以 用map实现如下:
在这里插入图片描述
由于map()方法定义在JavaScript的Array中,我们调用Array的map()方法,传入我们自己的函数,就得到了一个新 的Array作为结果:

'use strict'; 
function pow(x) { return x * x; }
---- 
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; 
var results = arr.map(pow); 
// [1, 4, 9, 16, 25, 36, 49, 64, 81] 
console.log(results);




reduce 用法

Array的reduce()把一个函数作用在这个Array的[x1, x2, x3…]上,这个函数必须接收两个参 数,reduce()把结果继续和序列的下一个元素做累积计算,其效果就是: [x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)

//求数组内数之和
var arr = [1,2,3,4];
arr.reduce(funcetion(x,y){
	return x+y;
})




filter用法

filter也是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。和map()类似,Array的filter()也接收一个函数。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是true还 是false决定保留还是丢弃该元素。
例如,在一个Array中,删掉偶数,只保留奇数,可以这么写:

var arr = [1, 2, 4, 5, 6, 9, 10, 15]; 
var r = arr.filter(function (x) { return x % 2 !== 0; }); 
r; // [1, 5, 9, 15]
//但是如果使用map方法 则此时r中的值是[true, false, false, true, false, true, false, true]

回回调调函函数数

filter()接收的回调函数,其实可以有多个参数。通常我们仅使用第一个参数,表示Array的某个元素。回调函数还可以接收另外两个参数,表示元 素的位置和数组本身:
'use strict'; 
var r,arr = ['apple', 'strawberry', 'banana', 'pear', 'apple',
'orange', 'orange', 'strawberry'];
 ---- 
 r = arr.filter(function (element, index, self) { 
 	return self.indexOf(element) === index; 
 	}); 
 	---- 
 console.log(r.toString()); 

去除重复元素依靠的是indexOf总是返回第一个元素的位置,后续的重复元素位置与indexOf返回的位置不相等,因此被filter滤掉了





sort用法

在JS中sort排序是按照ascll进行排序的所以当你对[1,2,3,10];进行排序的时候
他会返回[1,10,2,3];
幸运的是,sort()方法也是一个高阶函数,它还可以接收一个比较函数来实现自定义的排序。

	var arr= [1,2,3,4,10];
	arr.sort(function(x,y){
		return x>y;
	})
	//arr[1,2,3,4,10]

最后友情提示,sort()方法会直接对Array进行修改,它返回的结果仍是当Array:

	var a1 = ['B', 'A', 'C']; 
	var a2 = a1.sort(); a1; 
	// ['A', 'B', 'C'] a2; // ['A', 'B', 'C'] a1 === a2; 
	// true, a1和a2是同一对象




还有其他一些常用方法

every方法

every()方法可以判断数组的所有元素是否满足测试条件

//例如,给定一个包含若干字符串的数组,判断所有字符串是否满足指定的测试件:
'use strict'; 
---- 
var arr = ['Apple', 'pear', 'orange']; 
console.log(arr.every(function (s) { return s.length > 0; })); 
// true, 因为每个元素都满足s.length>0 
console.log(arr.every(function (s) { return s.toLowerCase() === s; })); 
// false, 因为不是每个元素都全部是小写

find

find()方法用于查找符合条件的第一个元素,如果找到了,返回这个元素,否则,返回undefined:

'use strict';
---- 
var arr = ['Apple', 'pear', 'orange']; 
console.log(arr.find(function (s) { return s.toLowerCase() === s; })); 
// 'pear', 因为pear全部是小写 
console.log(arr.find(function (s) { return s.toUpperCase() === s; })); 
// undefined, 因为没有全部是大写的元素

findIndex

与find函数类似,不同之处在于findindex返回的是第一个查询到满足条件的索引

foreach

forEach()和map()类似,它也把每个元素依次作用于传入的函数,但不会返回新的数组。forEach()常用于遍历数组, 因此,传入的函数不需要返回值

var arr = ['Apple', 'pear', 'orange']; 
arr.forEach(console.log); // 依次打印每个元素
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值