0.Array.isArray() 用于确定传递的值是否是一个 Array
。
Array.isArray([1, 2, 3]); // true Array.isArray({foo: 123}); // false Array.isArray("foobar"); // false Array.isArray(undefined); // false
1.Array.of() 返回一个由参数组成的数组
let arr4 = Array.of(1, 2, 3)//123
2.Array.from() 将数组对象转换为数组 不改变原对象 返回新数组
let a = { 0: '1', 1: '2', 2: '3', 'length': 3 };//对象 let arr5 = Array.from(a) console.log(arr5) let b = Array.from('hello')//字符串 console.log(b) let arrset = Array.from(new Set('func')) console.log(arrset) let arrMap = Array.from(new Map().set([1, 2], [3, 4], [5, 6])) console.log(arrMap) //类似map方法 let thearr = Array.from([1, 2, 3], x => x * 2) console.log(thearr)
3.pop() 删除数组最后一个元素(改变原数组) 返回被删除的元素
{ let arr = [1, 2, 3] let deleteitem = arr.pop()//3 console.log(arr)//[1,2] }
4.shift() 删除数组的第一个元素 (改变原数组) 返回被删除的元素
let arr = [1, 2, 3] let deleteitem = arr.shift()//1 console.log(arr)//2,3 }
5.push() 向末尾添加元素(改变原数组) 返回添加后的length
{ let arr = [1, 2, 3] let thelength = arr.push(4)//4 console.log(arr)//1,2,3,4 }
6.unshift() 向数组开头添加元素(改变原数组) 返回添加后数组的length
{ let arr = [1, 2, 3] let thelength = arr.unshift(4)//4 console.log(arr)//4,1,2,3 }
7.reverse() 反转数组 改变原数组
{ let arr = [1, 2, 3] arr.reverse() console.log(arr)//321 }
8.splice() 添加/删除/替换 当前数组改变
表达式 arr.splice(index, num, item1, item2, ...);
参数说明
1.第一个参数为 一个整数,用来指定添加/删除元素的位置,可以用负数来从尾部开始数 必填参数
2.第二个参数为 删除元素的数量,若不想删除可以设置为0 可选参数
3.再后面的参数为 向数组添加的元素 可选参数
如果是删除操作,那么会把删除的元素放在一个新数组中返回。
1.操作的元素会包括开始的元素
2.如果数组的元素不够,会一直删除到数组的最后一位
//删除元素 let arrsplice = [1, 2, 3, 4, 5, 6] let before = arrsplice.splice(0, 3)// 删除 arrsplice 的前三个元素 console.log(before) console.log(arrsplice)//删除后arraplice 为删除后的样子 let after = arrsplice.splice(-1, 1)//删除最后一位 console.log(after) //添加元素 { let arr = [1, 2, 3, 4, 5] let addFromStart = arr.splice(0, 0, 7)//没有删除 并向第一位添加一个数值 console.log(arr)//712345 console.log(addFromStart)//[] let addFromEnd = arr.splice(-1, 0, 6)//从最后以为开始向前添加元素, console.log(arr)//7123465 console.log(addFromEnd)//[] } //删除并添加 /替换 { let arr = [1, 2, 3, 4, 5, 6, 7] let addAndeDelete = arr.splice(0, 1, 100)//[1] console.log(arr)//[100,2,3,4,5,6,7] }
9. sort() 数组排序 (改变原数组) 参数为规定排序的比较函数(非必填)
{ // 默认情况下,不传参数的话,默认按字母升序,若为非字符串,则先调用toString()将元素转化为字符串的 Unicode ,再进行字符串比较 let arr = ["A", "C", "B", "E", "D"]; arr.sort(); console.log(arr); //["A","B","C","E","D"] } { //数组的升序与降序排序 let arr = [1, 0, 5, 4, 9, 45, 78, 6, 14, 2]; arr.sort((a, b) => a - b) console.log(arr)//[0, 1, 2, 4, 5, 6, 9, 14, 45, 78] } { //按年龄排序,若年龄相同,就女士(sex属性为0) 排在男士(sex属性为1)之前 let arr = [ { age: 18, sex: 0 }, { age: 19, sex: 0 }, { age: 20, sex: 0 }, { age: 18, sex: 1 }, { age: 19, sex: 1 } ]; arr.sort((a, b) => { if (a.age === b.age) { //若年龄相同就按性别排,女士优先 return a.sex - b.sex; } else { //年龄不相同就默认按年龄排升序 return a.age - b.age; } }) console.log(arr) }
10.copyWithin() 数组的指定位置复制[改变原数组、ES6]
语法:arr.copyWithin(index, start, end)
第一个参数:复制到指定目标索引位置。
第二个参数:元素复制的起始位置 (可选)
第三个参数:停止复制的索引位置 (默认为 array.length)。如果为负值,表示倒数。(可选)
{ let arr = [1, 2, 3, 4, 5, 6]; let a = arr.copyWithin(2, 0, 3); console.log(arr)// [1, 2, 1, 2, 3, 6] }
11.fill()数组的填充 [改变原数组、ES6]
语法:arr.fill(value, start, end)
value 必需。填充的值。
start 可选。开始填充位置。
end 可选。停止填充位置 (默认为 array.length)
{ let arr = new Array(3) arr.fill('填充') console.log(arr)//["填充", "填充", "填充"] arr.fill('位置', 0, 1) console.log(arr)// ["位置", "填充", "填充"] }
12.slice() 拷贝数组元素 [不改变原数组]
两个参数为 复制索引开始 和复制索引结束
{ let a = [1, 2, 3, 4] let b = a.slice(0, 2) console.log(b)//1,2 }
13.join()将数组转换为字符串[不改变原数组]
可选参数为指定分隔符
{ let arr = [1, 2, 3, 4] let b = arr.join('-') console.log(b)//1-2-3-4 console.log(typeof b)//string }
14.concat() 连接合并多个数组,返回新数组。[不改变原数组]
{ let a1 = [1, 2] let a2 = [4, 5] let a3 = [6, 7] let a4 = a1.concat(a2, a3) console.log(a4)// [1, 2, 4, 5, 6, 7] }
15.toString() 方法可把数组转换为字符串,并返回结果。[不改变原数组]
{ let arr = ['xiao', 'hao', 'wen', 24] let b = arr.toString() console.log(b)//xiao,hao,wen,24 }
16.indexOf() 查找数组中某元素的第一个索引值。[不改变原数组] 如果没有就返回-1
第一个参数为查找的值 第二个参数为查找的起始位
{ let arr = [1, 2, 3, 4, 5, 6] console.log(arr.indexOf(3))//2 console.log(arr.indexOf(3, 3))//-1 console.log(arr.indexOf(8))//-1 }
17.lastIndexOf() 逆向查找指定元素在数组中的第一个位置。[不改变原数组]
第一个参数为查找的值 第二个参数为逆向查找的起始位
{ let arr = [1, 1, 3, 4, 5, 1]; console.log(arr.lastIndexOf(1))//5 console.log(arr.lastIndexOf(1, -2))//1 }
18.includes() 查找数组是否包含某个元素。[不改变原数组,]
第一个参数为要查找的值 必填
第二个为查找的起始位置
返回值 true或false
{ let arr = [1, NaN, 100, '42']; console.log(arr.includes(1)); //true console.log(arr.includes(NaN)); //true console.log(arr.includes(1, 3)); //false }