JS基础数组与伪数组
2019-05-21 本文已影响0人
MajorDong
1.基本用法
-
window.Array
是全局函数(也是函数) -
Array()
与new Array()
是一样的效果
在JS中基础类型与复杂类型不同
var a = Array(3)
var a = new Array(3) //长度为3,3个undefined
var a = Array(3, 3)// a = [3, 3]
JS在Array上的不一致性
不一致性
数组的空位和值为undefined时,读取都是undefined
区别: 空位遍历时会被跳过,undefined不会被跳过。
2. JS中数组的本质
人类理解:就是数据的有序集合
JS理解:数组就是原型链中有Array.prototype
的对象,且length动态变化。
2.1 伪数组
- 有0,1,2,3 ... n length 这些key的对象
- 原型链中没有
Array.prototype
目前知道的数组有
-
arguments
对象 -
document.querSelectAll('div')
返回的对象 - 字符串
3.数组的API
-
Array.prototype.forEach
这是一个接受函数的API,该函数可有一、两个参数,最多可有三个参数
a = [1,2,3]
a.forEach(function(value, key) {})
forEach(array, function(value, key) {}))
forEach
的原理和实现方法
var obj = ['a', 'b']
obj.forEach = function(x) { // x为函数名
for(let i = 0, i<this.length, i++) {// this指向obj
x(obj[i], i)
}
}
obj.forEach(function(value, key) {
console.log(value, key)
})
a 0
b 1
函数三个参数时
a.sort()
a.sort( fucntion(x, y) {
return a[x] - a[y] // 小于零从小到大,大于零从大到小
})
a.join()
a = [1, 2, 3]
a.join('东东')
''1东东2得到3东东''
a.join(',') = a,join() = a+ ' '
''1, 2, 3''
a.concat()
var c = a.concat(b)
//复制一个数组
var b = a.concat([])
a === b //false 不同数组
-
a.map()
map
a.filter()
a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]
a.filter(function(value, key) {
return value % 2 === 0
}).map(fucntion(value) {
return value * value
}) // (5) [4, 16, 36, 64, 100]
-
a.reduce()
map
可以用reduce
表示
filter
可以用reduce
表示
a = [1, 2, 3]
a.reduce(function(sum,n) {
return sum + n
}, 0)
// map用reduce表示
a.reduce(function(arr, n) {
arr.push(n*2)
return arr
}, [])
// (3) [2, 4, 6]
//filter用reduce表示
a.reduce(fucntion(arr,n) {
if (n % 2 === 0) {
arr.push(n)
}
return arr
}, [])