es6数组的拓展

标签：转变   within   构造器   es5   参数   new   等于   数据   位置   

//数组的拓展 DOM document object model 文档对象模型
// let div = document.getElementsByTagName(‘div‘) // HTMLCollection 
// console.log(div)

// let div2 = document.getElementsByClassName(‘xx‘) // HTMLCollection 
// console.log(div2)

// let div3 = document.querySelectorAll(‘.xx‘) //NodeList  节点列表
// console.log(div3 instanceof Array) // 判断是否是数组类型
// 我们把这些叫做类数组 伪数组 并不具有数组的方法

// div3.push() // 报错 is not a function 类数组 伪数组 并不具有数组的方法

//es5 类数组转变数组的方法 slice 已有的数组返回选定的元素 返回一个新的数组
// let arr = Array.prototype.slice.call(div3)
// console.log(arr)
// arr.push(123)
// console.log(arr)

// function foo() {
// console.log(arguments)
// }

// foo(1, ‘hky‘, true)

//es6 转变成数组的方法
// 1 Array.from()

// let arrLike = {
// 0: ‘es6‘,
// 1: ‘es7‘,
// 2: ‘es8‘,
// length: 3
// }

// console.log(Array.from(arrLike))

// 2 arr.of()

// let arr = new Array(1,2) // 数组构造器
// console.log(arr)

// let arr = new Array(3) // 数组构造器
// console.log(arr) // 输出为empty * 3

// let arr = Array.of(3)
// console.log(arr) // 输出 [3]

// let arr = Array.of(3, true, ‘hky‘, {name: ‘xiecheng‘}, [1, 2, 3])
// console.log(arr) // 把元素转换成新的数组

// Array.prototype.copyWithin(target, start = 0, end = this.length)

// target（必需）：从该位置开始替换数据。如果为负值，表示倒数。
// start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示从末尾开始计算。
// end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示从末尾开始计算。
// 这三个参数都应该是数值，如果不是，会自动转为数值。

//3 copyWithin 替换

// let arr = [1, 2, 3, 4, 5]

// console.log(arr.copyWithin(1, 3, 4)) // => 输出 [1, 4, 3, 4, 5]

//4 fill 填充

// let arr = new Array(3).fill(7) // 填充
// console.log(arr) // 输出 [7, 7, 7]
// let arr = [1, 2, 3, 4, 5]
// // arr.fill(‘array‘, 1, 3) //第二个参数是从哪开始 第三个参数到哪结束
// arr.fill(0) //全被重置替换掉
// console.log(arr)

//5 includes 看数组是否包含某个数 返回布尔值

let arr = [1, 2, 3, NaN]
// console.log(arr.indexOf(NaN)) // 不能检测NaN
console.log(arr.includes(NaN))

es6数组的拓展

标签：转变   within   构造器   es5   参数   new   等于   数据   位置   

原文地址：https://www.cnblogs.com/hekeying/p/14408634.html