几个有用的 JavaScript 技巧

作者: 程序员的青春 | 来源:发表于2020-06-10 14:59 被阅读0次

    1.对数字数组进行排序

    JavaScript 数组有内置的 sort 方法。默认情况下 sort 方法把数组元素转换为字符串,并对其进行字典排序。在对数字数组进行排序时,这有可能会导致一些问题。所以下面是解决这类问题的简单解决方案。

    这里提供了一个将数字数组中的两个元素与 sort 方法进行比较的函数。这个函数可帮助我们接收正确的输出。

    2.合并多个对象

    假设我有几个需要合并的对象,那么这是我的首选方法。

    这三个点在 JavaScript 中也称为展开运算符。

    3.从数组中删除虚值(Falsy Value)

    在某些情况下,你可能想从数组中删除虚值。虚值是 JavaScript 的 Boolean 上下文中被认定为为 false 的值。 JavaScript 中只有六个虚值,它们是:

    undefined

    null

    NaN

    0

    "" (空字符串)

    false

    滤除这些虚值的最简单方法是使用以下函数。

    myArray.filter(Boolean);

    如果要对数组进行一些修改,然后过滤新数组,可以尝试这样的操作。请记住,原始的 myArray 会保持不变。

    4.从数组中获取唯一值

    要从数组中获取唯一值,我们需要使用 filter 方法来过滤出重复值。但是有了新的 Set 对象,事情就变得非常顺利和容易了。

    5.格式化 json 代码

    你可能对 JSON.stringify 非常熟悉。但是你是否知道可以用 stringify 进行格式化输出?实际上这很简单。

    stringify 方法需要三个输入。 value,replacer 和 space。后两个是可选参数。这就是为什么我们以前没有注意过它们。要对 json 进行缩进,必须使用 space 参数。

    我目前是在职前端开发,如果你现在也想学习前端开发技术, 在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题, 你都可以申请加入我的前端学习交流裙:前面:603 中间:985 最后:993。里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册,前端面试题, 前端开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

    相关文章

      网友评论

        本文标题:几个有用的 JavaScript 技巧

        本文链接:https://www.haomeiwen.com/subject/bocptktx.html