JS操作数组的方法有哪些及怎么选择合适的方法
哎，说到JavaScript数组操作，简直是多得让人眼花缭乱，别着急，我给你理理头绪！首先，有些方法特别常用，你一定得知道：
-
添加和删除元素
-push()：哇，能把任意数量的元素加到数组末尾，返回新长度，超给力！
-pop()：干掉数组最后的元素，同时返回它，空数组时返回undefined，挺人性化吧？
-shift()：删掉数组的第一个元素，返回被删的值，空数组也不会崩。
-unshift()：头部添加元素，还能一次加几个呢！ -
数组合并和提取
-concat()：轻轻松松拼接多个数组，不修改原数组哦！
-slice()：从数组中提取一部分，返回新数组，原数组不疼。 -
遍历与变换
-map()：给数组里的每个元素加工一番，返回一个新数组。举个栗子，arr.map(item => item * 2)，马上得到所有元素×2的新数组！
-filter()：挑选你想要的元素，生成新数组，比如只留下大于5的数。
-reduce()：超级强大，能把数组缩减成一个值，比如总和或者最大值，想怎么来都行！ -
修改原数组的其他方法
-splice()：动刀子干活，可以删除、插入元素，万能工具！
-fill()：一键把数组填满某个值，方便又快捷。
-sort()：排序必备，听我后面再详细说说它。
-reverse()：倒序排排队，谁先谁后都变换一下吧。
-copyWithin()：从数组内部复制元素到另一个位置，不产生新数组。
简单来说，想添加、删减、改动，就选那些会影响原数组的方法；如果只想拿到新数组结果，别忘了concat()、slice()和map()这些神器！
JS中怎么检测数组以及数组排序的方法怎么用
你是不是经常搞不清楚，变量到底是不是数组？嘿，JS里检测数组有四个绝招，快来pick一下：
-
instanceof Array
- 思想简单，就是看看这个对象是不是数组的实例，事情办得挺快！但是有个坑，就是多框架或iframe那种环境可能识别错误，别被坑了。 -
Array.isArray()
- 超级靠谱，这个是官方专门的方法，跨环境、跨浏览器通吃，哪怕是老IE也能兼容（只要你polyfill咯），绝对的安全牌。 -
Object.prototype.toString.call()
- 神秘武器，调用一个对象的内部标签，能判断出是不是[object Array]，有点“黑科技”的味道，效果挺稳。 -
constructor属性
- 看对象的构造函数是不是Array，简单直接，但有时候会被修改，所以慎用哇。
说完检测，我们来说说排序——sort()这个魔法师！注意啦！
-
默认情况下，
sort()是把数组元素先转成字符串再按Unicode码点排序，结果就是数字可能排得奇奇怪怪，比如[1,2,10]排序后变成[1,10,2]，嗯哼，这就尴尬了。 -
解决方案？传个比较函数！比如想按照数字升序排，只要写：
js arr.sort((a, b) => a - b);
超简单，保证数字按大小正确排。 -
你还可以用
sort()对字符串进行自定义排序，或者配合localeCompare实现多语言排序，非常酷炫。
总得来说，排序时别忘了给sort()一个靠谱的比较函数，避免意外发生。
相关问题解答
-
JS中哪种方法最适合添加数组元素的开头和结尾？
哎，这个其实很好回答！如果你想在数组末尾添加元素，push()就像专门开门迎客一样，非常自然；要在开头加的话，unshift()简直就是扛把子，能一次塞进好多东西。两者都直接修改原数组，速度又快，用着杠杠的！ -
怎么判断一个变量真的是数组而不是普通对象？
哇，这个问题问得好！目前最推荐的方法是Array.isArray()，它就像“真相捕捉器”，能准确识别是不是数组，不管你跑到哪个浏览器或者环境都靠谱。其他方法嘛，有时会摔坑，不太保准，放心用这个，准没错！ -
用JS对数字数组排序时常踩哪些坑？
哈哈，坑啊坑，这边给你提个醒！默认的sort()排的是字符串序，你要是没写比较函数，数字数组排出来就乱套，例如[1,2,10]排成[1,10,2]，看着就尴尬。所以得给sort()传个比较函数，比如(a,b) => a-b，这样它才听得懂数字大小，排序才能正确！ -
map()和forEach()有什么区别，什么时候用哪个？
哎，这两个听起来都挺像遍历的方法，但用法可不一样哦！forEach()是用来对每个元素执行操作的，不返回新数组，比如打印、修改外部变量啥的；而map()会返回一个新的数组，里面是你对每个元素做变换后的结果，像生成新颜色列表、数字数组×2之类的。简单说，想要变新数组用map()，只想干活不取结果就用forEach()啦！
发表评论