javascript 数组精简技巧小结

网络编程 2024/9/1 佚名

3 2 1

数组是 JS 最常见的一种数据结构，咱们在开发中也经常用到,在这篇文章中,提供一些小技巧,帮助咱们提高开发效率。

1. 删除数组的重复项

2. 替换数组中的特定值

有时在创建代码时需要替换数组中的特定值，有一种很好的简短方法可以做到这一点，咱们可以使用.splice(start、value to remove、valueToAdd)，这些参数指定咱们希望从哪里开始修改、修改多少个值和替换新值。

3. Array.from 达到 .map 的效果

咱们都知道 .map() 方法，.from() 方法也可以用来获得类似的效果且代码也很简洁。

4.置空数组

有时候我们需要清空数组，一个快捷的方法就是直接让数组的 length 属性为 0，就可以清空数组了。

5. 将数组转换为对象

有时候，出于某种目的，需要将数组转化成对象，一个简单快速的方法是就使用展开运算符号(...):

6. 用数据填充数组

在某些情况下，当咱们创建一个数组并希望用一些数据来填充它，这时 .fill()方法可以帮助咱们。

7. 数组合并

使用展开操作符，也可以将多个数组合并起来。

8.求两个数组的交集

求两个数组的交集在面试中也是有一定难度的正点，为了找到两个数组的交集，首先使用上面的方法确保所检查数组中的值不重复，接着使用.filter 方法和.includes方法。如下所示：

9.从数组中删除虚值

在 JS 中，虚值有 false, 0，''， null, NaN, undefined。咱们可以 .filter() 方法来过滤这些虚值。

10. 从数组中获取随机值

有时我们需要从数组中随机选择一个值。一种方便的方法是可以根据数组长度获得一个随机索引，如下所示：

11.反转数组

现在，咱们需要反转数组时，没有必要通过复杂的循环和函数来创建它，数组的 reverse 方法就可以做了：

12 lastIndexOf() 方法

13.对数组中的所有值求和

JS 面试中也经常用 reduce 方法来巧妙的解决问题

总结

在本文中，介绍了13个技巧，希望它们可以帮助编写简洁代码，如果你还有更好的办法，欢迎留言讨论。

英文原文：

https://dev.to/duomly/13-useful-javascript-array-tips-and-tricks-you-should-know-2jfo

JavaScript数组,js数组,js数组精简

标签：

JavaScript数组,js数组,js数组精简

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“javascript 数组精简技巧小结”

javascript 数组精简技巧小结

暂无“javascript 数组精简技巧小结”评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新动态

20240901

javascript 数组精简技巧小结

JavaScript数组,js数组,js数组精简

原生javascript制作贪吃蛇小游戏的方法分析

vue父子模板传值问题解决方法案例分析

评论“javascript 数组精简技巧小结”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新动态

友情链接