数组的创建方式有使用字面量[]、构造函数new array()两种，其中[]更简洁；常用方法包括push、pop、shift、unshift、splice、slice、concat、join、indexof、foreach、map、filter、reduce、sort等，涵盖增删改查与遍历操作；遍历数组可通过for循环、foreach()或for…of实现，各有适用场景；数组是引用类型，赋值时传递的是引用，修改会影响原数组，可通过slice、concat或扩展运算符实现深拷贝；去重方法主要有利用set去重、filter结合indexof、reduce累积判断等方式，其中set方式最简洁高效。
JS中的数组，说白了，就是用来装东西的容器。它可以装数字，字符串，对象，甚至其他的数组。理解的关键在于，数组是有序的，每个元素都有一个索引，从0开始。掌握了索引，就掌握了数组。
数组就是有序列表，通过索引访问。
数组的基本操作，无非就是增删改查，还有一些常用的方法，比如排序、过滤等等。
数组的创建方式有哪些？
创建数组，最常见的就是用
[]
，比如
let arr = [1, 2, 3]
。 也可以用
new Array()
，像
let arr = new Array(1, 2, 3)
，或者
let arr = new Array(3)
，后者表示创建一个长度为3的空数组。 用
[]
更简洁直观，个人更喜欢这种方式。 注意
new Array(3)
这种，如果只传一个参数，且是数字，JS会把它当成数组的长度，而不是数组的元素。这是一个容易踩坑的地方。
数组的常用方法有哪些？
数组的方法很多，常用的有：
push()：在数组末尾添加一个或多个元素，并返回新的数组长度。pop()：删除数组末尾的最后一个元素，并返回被删除的元素。shift()：删除数组的第一个元素，并返回被删除的元素。unshift()：在数组开头添加一个或多个元素，并返回新的数组长度。splice()：可以删除、插入或替换数组中的元素，功能非常强大。slice()：截取数组的一部分，返回一个新的数组。concat()：连接两个或多个数组，返回一个新的数组。join()：将数组中的所有元素连接成一个字符串。indexOf()：查找数组中是否包含某个元素，返回元素的索引，如果不存在则返回-1。forEach()：遍历数组中的每个元素，执行指定的回调函数。map()：创建一个新的数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。filter()：创建一个新的数组，包含通过所提供函数实现的测试的所有元素。reduce()：将数组中的每个元素（从左到右）依次执行reducer函数，最终计算为一个值。sort()：对数组的元素进行排序。
splice()
方法很灵活，可以实现很多操作，但参数也比较多，容易混淆。
forEach()
、
map()
、
filter()
这些方法都是ES5新增的，使用起来更简洁，更符合函数式编程的思想。
reduce()
方法可能不太常用，但功能很强大，可以实现累加、累乘等操作。
sort()
方法默认是按照字符串的Unicode码进行排序的，如果要按照数字大小排序，需要传入一个比较函数。
如何遍历数组？
遍历数组，最基本的就是用
for
循环，比如：
let arr = [1, 2, 3];for (let i = 0; i < arr.length; i++) { console.log(arr[i]);}
ES5之后，可以使用
forEach()
方法：
let arr = [1, 2, 3];arr.forEach(function(item, index) { console.log(item, index);});
还可以使用
for...of
循环：
let arr = [1, 2, 3];for (let item of arr) { console.log(item);}
for
循环最灵活，可以控制循环的起始位置和步长。
forEach()
方法更简洁，但不能使用
break
语句跳出循环。
for...of
循环更简洁，也更易读，但不能获取元素的索引。 根据不同的场景选择不同的遍历方式。
数组是引用类型吗？
是的，数组是引用类型。这意味着，当你把一个数组赋值给另一个变量时，实际上是把数组的引用赋值给了这个变量。这两个变量指向的是同一个数组对象。 修改其中一个变量的值，会影响到另一个变量。
let arr1 = [1, 2, 3];let arr2 = arr1;arr2.push(4);console.log(arr1); // [1, 2, 3, 4]console.log(arr2); // [1, 2, 3, 4]
如果想要复制一个数组，而不是复制引用，可以使用
slice()
方法或者
concat()
方法：
let arr1 = [1, 2, 3];let arr2 = arr1.slice(); // 或者 let arr2 = arr1.concat();arr2.push(4);console.log(arr1); // [1, 2, 3]console.log(arr2); // [1, 2, 3, 4]
或者使用ES6的扩展运算符：
let arr1 = [1, 2, 3];let arr2 = [...arr1];arr2.push(4);console.log(arr1); // [1, 2, 3]console.log(arr2); // [1, 2, 3, 4]
这些方法都会创建一个新的数组对象，而不是复制引用。
数组的去重方法有哪些？
数组去重，也是一个常见的面试题。 最简单的方法就是使用
Set
：
let arr = [1, 2, 2, 3, 3, 3];let uniqueArr = [...new Set(arr)];console.log(uniqueArr); // [1, 2, 3]
也可以使用
filter()
方法：
let arr = [1, 2, 2, 3, 3, 3];let uniqueArr = arr.filter(function(item, index, array) { return array.indexOf(item) === index;});console.log(uniqueArr); // [1, 2, 3]
或者使用
reduce()
方法：
let arr = [1, 2, 2, 3, 3, 3];let uniqueArr = arr.reduce(function(acc, item) { if (acc.indexOf(item) === -1) { acc.push(item); } return acc;}, []);console.log(uniqueArr); // [1, 2, 3]
使用
Set
最简洁，但兼容性可能不太好。
filter()
方法和
reduce()
方法兼容性较好，但代码稍微复杂一些。
以上就是如何理解JS中的数组？数组的基本操作有哪些的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/100158.html
微信扫一扫 
支付宝扫一扫 
