本文详细介绍了JavaScript中数组的几种常用方法：filter用于筛选数组元素；map用于遍历并转换数组；reduce用于数组值的累加操作；同时涉及了URI编码解码及对象属性复制的方法。
var arr = [4,5,6,7,8,9,10];
filter() //方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。(返回新的数组)
arr.filter((n)=>{
// n相当于数组的每个元素
return n>=6
})
// 返回的新数组 [6,7,8,9,10]
![]()
map() // 按照原始数组元素顺序依次处理元素。 (返回新数组)
arr.map((m)=>{
// m 相当于数组的每个元素
return m+ 'px'
})
// 返回新的数组 ['4px','5px','6px','7px','8px','9px','10px']
![]()
reduce() //接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值
arr.reduce((a,b)={
// a 第一个元素或者初始值 b指当前元素（第一个元素后的每个元素）
return a+b
}，初始值(可填可不填,填了a就为初始值，没填则为第一个元素))
// 返回一个数组的和 （如果填了初始值就会把初始值算进去，如果没有就不算）
![]()
encodeURIComponent() 将字符串作为URI进行编码
decodeURIComponent() 将字符串作为URI组件进行解码
encodeURIComponent("http://www.baidu.com") // 输出 "https%3A%2F%2Fwww.baidu.com"
decodeURIComponent("https%3A%2F%2Fwww.baidu.com") // 输出"http://www.baidu.com"
![]()
assign() //把 对象里的属性复制到另外一个对象中 也可以合并多个对象到一个对象中 （不支持IE 需通过 babel转换才可用）
Object.assign(target,obj1,obj2,obj3);
它的第一个参数是目标对象，第2个至第n个参数是源对象，assign方法返回的结果是target对象
var fn = {"a":1}; var fn2 ={"b":2,"c":3}
var obj = Object.assign({},fn,fn2)
// 输出 {"a":1,"b":2,"c":3}
resize() 当浏览器窗口大小进行改变时进行计数 会监听浏览器宽度来实现想要的效果
例：
<html>
<body onresize="alert('You have changed the size of the window')">
<p>Try to resize the browser window.</p>
</body>
</html>
![]()
filter() //方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。(返回新的数组)
arr.filter((n)=>{
// n相当于数组的每个元素
return n>=6
})
// 返回的新数组 [6,7,8,9,10]
map() // 按照原始数组元素顺序依次处理元素。 (返回新数组)
arr.map((m)=>{
// m 相当于数组的每个元素
return m+ 'px'
})
// 返回新的数组 ['4px','5px','6px','7px','8px','9px','10px']
reduce() //接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值
arr.reduce((a,b)={
// a 第一个元素或者初始值 b指当前元素（第一个元素后的每个元素）
return a+b
}，初始值(可填可不填,填了a就为初始值，没填则为第一个元素))
// 返回一个数组的和 （如果填了初始值就会把初始值算进去，如果没有就不算）
encodeURIComponent() 将字符串作为URI进行编码
decodeURIComponent() 将字符串作为URI组件进行解码
encodeURIComponent("http://www.baidu.com") // 输出 "https%3A%2F%2Fwww.baidu.com"
decodeURIComponent("https%3A%2F%2Fwww.baidu.com") // 输出"http://www.baidu.com"
assign() //把 对象里的属性复制到另外一个对象中 也可以合并多个对象到一个对象中 （不支持IE 需通过 babel转换才可用）
Object.assign(target,obj1,obj2,obj3);
它的第一个参数是目标对象，第2个至第n个参数是源对象，assign方法返回的结果是target对象
var fn = {"a":1}; var fn2 ={"b":2,"c":3}
var obj = Object.assign({},fn,fn2)
// 输出 {"a":1,"b":2,"c":3}
resize() 当浏览器窗口大小进行改变时进行计数 会监听浏览器宽度来实现想要的效果
例：
<html>
<body onresize="alert('You have changed the size of the window')">
<p>Try to resize the browser window.</p>
</body>
</html>
window.addEventListener 为一个元素添加事件监听
window.removeEventListener 移除事件监听
扫一扫
1840
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
