javascript map参数传递 javascript map函数

#javascript map参数传递 javascript map函数| 来源: 网络整理| 查看: 265

一个函数可以接受另一个函数作为参数，就把这个函数叫做高阶函数。

map函数

map()方法定义在JavaScript的数组中，我们调用Array的map()方法，传入我们自己的函数，就得到了一个新的数组。举个例子：现在有一个数组，想让每个数组元素都变成它的平方，输出这个新数组，传统方法也很简单，今天我们用map函数来写：

function pow(x) { return x * x; } var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; alert (arr.map(pow))

javascript map参数传递 javascript map函数_数组

reduce函数

数组的reduce()把一个函数作用在这个数组的[x1, x2, x3…]上，这个函数必须接收两个参数，reduce()把结果继续和序列的下一个元素做累积计算。举个例子：

let arr=[6,8,8,6,9,6] let a=arr.reduce(function(x,y){ return x+y; }) alert(a)

javascript map参数传递 javascript map函数_javascript_02

filter函数

filter函数可以说是数组的一个过滤函数，它会将接收的函数作用于每一个元素，然后根据返回的布尔值决定这个元素留下还是丢掉。

filter()接收的回调函数，其实可以有多个参数，通常我们仅使用第一个参数表示元素的位置和数组本身。

看一个简单的例子：有一个数组，现在想只保留数组的偶数元素，奇数元素全部过滤掉，看下代码：

var arr = [1,2,1,2,1,2,1,2]; var r = arr.filter(function (x) { return x % 2 == 0; }); alert(r)

javascript map参数传递 javascript map函数_前端_03

sort

sort主要用于排序看下例子：有一个数组，想将它按从小到大或从大到小的顺序排列，看下代码：

//从小到大排列 let arr=[1,3,1,2,3,6,4,3] let arr1=arr.sort((a,b)=>a-b) alert(arr1)

javascript map参数传递 javascript map函数_开发语言_04

//从大到小排列 let arr=[1,3,1,2,3,6,4,3] let arr1=arr.sort((a,b)=>b-a) alert(arr1)

javascript map参数传递 javascript map函数_javascript_05

every方法

数组对象提供的every（）方法判断数组的所有元素是否满足测试条件举个例子：测试数组元素是否大于6

let arr=[4,6,8,8] let result=arr.every(function(a){ return a>6 }) alert(result)

javascript map参数传递 javascript map函数_javascript_06

find方法

数组对象提供的find()方法用于查找符合条件的第一个元素，如果找到了，返回这个元素，否则，返回undefined

let arr=[4,6,8,9] let result=arr.find(function(a){ return a>6 }) alert(result)

javascript map参数传递 javascript map函数_前端_07

findIndex方法

数组对象提供的find()方法用于查找符合条件的第一个元素，如果找到了，返回这个元素的索引

let arr=[4,6,8,9] let result=arr.findIndex(function(a){ return a>6 }) alert(result)

javascript map参数传递 javascript map函数_javascript map参数传递_08

foreach方法

forEach() 方法对数组的每个元素执行一次给定的函数举个例子：遍历数组，先使用传统的for循环，再使用foreach函数，看下代码：

const items = ['item1', 'item2', 'item3']; const copy = []; //传统方式 for (let i=0; i

【本文地址】

今日新闻