JS中的数组的转化和操作

说明

本次笔记记录一下个人关于数组没掌握好的一些知识点

Array.of方式创建数组

arra.of用来创建单个数组

//当我们想创建数组中只有一个元素，且元素值为1的时候
let arr1 = new Array(1)
console.log(arr1)//很显然，打印出的却是长度为1的空数组

//正确方法来了
let arr2 = Array.of(1)
console.log(arr2) 

数组与字符串的转化

数组转化成字符串

 //方法一 let arr1 = ['0','1','2','3','4'] let str1 = arr1.toString() console.log(str1) //方法二 let arr2 = ['0','1','2','3','4'] let str2 = new String(arr2) console.log(str2) //方法三 let arr3 = ['0','1','2','3','4'] let str3 = arr3.join('-') console.log(str3) 

字符串转数组

let str = '123456' let arr = str.split("") console.log(arr) 

伪数组转化成数组

伪数组就是具有length属性
常见的伪数组：string（对，字符串也是） nodelist（获取的一系列dom元素）

//就只举例字符串吧 let str = '123456' let arr = Array.from(str,(item)=>{ return item + 1 }) //最后结果是返回["11", "21", "31", "41", "51", "61"] //因为这里的item是字符内 console.log(arr) 

扩展运算符

就是去掉[ ]，或者理解是分散开一个集中的变量

let arr1 = ['1','2'] let arr2 = ['3','4'] arr1 = [...arr1,...arr2] console.log(arr1) 

解构赋值

let [num1,num2] = [1,2] console.log(num1,num2) 

数组的基本操作

增加

let array = [1,2,3,4,5,6,7] //添加到后面 array.push(8) console.log(array) //添加到前面 array.unshift(0) console.log(array) 

删除

let array = [1,2,3,4,5,6,7] //从后面删除 array.pop() console.log(array) //从前面删除 array.shift() console.log(array) 

清空

let array = [1,2,3,4,5,6,7] array.length = 0 console.log(array) 

数组的进阶操作

slice操作

let array = [1,2,3,4,5,6,7]
console.log(array.slice(1,2))//从第一个开始，到第二个结束，(]结构 

splice操作

//删除 let array = [1,2,3,4,5,6,7] console.log(array.splice(1,2))//从第一个开始，截取2个，(] console.log(array) //替换功能 let array = [1,2,3,4,5,6,7] console.log(array.splice(1,2,7,8))//从第一个开始，截取2个，(],然后替换为 7 8 console.log(array) //增加 let array = [1,2,3,4,5,6,7] console.log(array.splice(0,0,8))//从第0个开始，截取0个，(]，然后添加8 console.log(array) 

数组的查找

let array = [1,2,3,4,5,6,5,7] console.log(array.indexOf(5))//查找5这个元素的索引 console.log(array.includes(5))//查找是否有5这个元素 //但是include无法查找引用类型，find可以 console.log(array.find(item=>{ //返回的是值  return item == 2 })) console.log(array.findIndex(item=>{ //返回的是索引  return item == 2 })) 

数组排序

let array = [1,2,3,4,5,6,5,7] array = array.sort(function(a,b){ return b-a //降序 }) console.log(array) array = array.sort(function(a,b){ return a-b }) console.log(array) 

本文地址：https://blog.csdn.net/qq_45549336/article/details/107858408