深入讨论JavaScript中Set对象如何让代码更快


当前第2页 返回上一页

1

2

3

4

5

6

console.time('Array');

deleteFromArr(arr, n);

console.timeEnd('Array');

console.time('Set');

set.delete(n);

console.timeEnd('Set');

  • Array: 1.122ms
  • Set: 0.015ms

Set 速度快了74.13

总的来说,我们可以看到,使用Set 极大地改善运行时间。再来看看一些Set有用的实际例子。

案例1:从数组中删除重复的值

如果想快速地从数组中删除重复的值,可以将其转换为一个 Set。这是迄今为止过滤惟一值最简洁的方法:

1

2

3

4

5

6

7

const duplicateCollection = ['A', 'B', 'B', 'C', 'D', 'B', 'C'];

// 将数组转换为 Set

let uniqueCollection = new Set(duplicateCollection);

console.log(uniqueCollection) // Result: Set(4) {"A", "B", "C", "D"}

// 值保存在数组中

let uniqueCollection = [...new Set(duplicateCollection)];

console.log(uniqueCollection) // Result: ["A", "B", "C", "D"]

案例2:谷歌面试问题

问题:

给定一个整数无序数组和变量 sum,如果存在数组中任意两项和使等于 sum 的值,则返回true。否则,返回false。例如,数组[3,5,1,4]sum = 9,函数应该返回true,因为4 + 5 = 9

解答

解决这个问题的一个很好的方法是遍历数组,创建 Set保存相对差值。

当我们遇到3时,我们可以把6加到Set中, 因为我们知道我们需要找到9的和。然后,每当我们接触到数组中的新值时,我们可以检查它是否在 Set 中。当遇到5时,在 Set 加上4。最后,当我们最终遇到4时,可以在Set中找到它,就返回true

1

2

3

4

5

6

7

8

9

10

11

12

13

const findSum = (arr, val) => {

  let searchValues = new Set();

  searchValues.add(val - arr[0]);

  for (let i = 1, length = arr.length; i < length; i++) {

    let searchVal = val - arr[i];

    if (searchValues.has(arr[i])) {

      return true;

    } else {

      searchValues.add(searchVal);

    }

  };

  return false;

};

简洁的版本:

1

2

const findSum = (arr, sum) =>

  arr.some((set => n => set.has(n) || !set.add(sum - n))(new Set));

因为Set.prototype.has()的时间复杂度仅为O(1),所以使用 Set 来代替数组,最终使整个解决方案的线性运行时为O(N)

如果使用 Array.prototype.indexOf()Array.prototype.includes(),它们的时间复杂度都为 O(N),则总运行时间将为O(N?),慢得多!

原文地址:https://medium.com/@bretcameron/how-to-make-your-code-faster-using-javascript-sets-b432457a4a77

为了保证的可读性,本文采用意译而非直译。

更多编程相关知识,请访问:编程学习网站!!

以上就是深入讨论JavaScript中Set对象如何让代码更快的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

js同源策略是什么

使用js或css如何实现瀑布流布局,几种方案介绍

javascript数组怎么判断是否存在某元素

javascript中var,let与const的区别是什么?

javascript基础入门买什么书

javascript如何删除string里某个字符

javascript怎么拆分数组项

angularjs的ng-bind-html指令详解

javascript怎么把字符转数组

javascript引用类型的详细介绍(附示例)

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...