【算法-LeetCode】349. 两个数组的交集(Array.filter();数组去重;展开语法)

349. 两个数组的交集 - 力扣(LeetCode)

发布:2021年9月24日23:06:20

问题描述及示例

给定两个数组,编写一个函数来计算它们的交集。

示例 1:
输入:nums1 = [1,2,2,1], nums2 = [2,2]
输出:[2]

示例 2:
输入:nums1 = [4,9,5], nums2 = [9,4,9,8,4]
输出:[9,4]

来源:力扣(LeetCode)
链接:https://leetcode-cn.com/problems/intersection-of-two-arrays
著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。

提示:
输出结果中的每个元素一定是唯一的。
我们可以不考虑输出结果的顺序。

我的题解

我的题解1(Array.filter() & Set数组去重)

利用JavaScript的数组对象的 filter() 函数可以筛选出两个数组中共有的元素。但是注意这些共有的元素可能出现重复的情况。也就是我们无法保证通过 filter() 函数筛选出的元素具有唯一性,所以需要对这些元素再进行去重操作。

而去重操作则可以交由 Set 类型的数据来完成。数据在 Set 中完成去重后,最后利用展开语法来将去重后的元素放入一个数组,并将该数组作为返回值返回。

所有这些过程都可以在一条语句内完成,这也是得益于JavaScript的语言特性。

当然这一切的前提是得先理解 Array.filter()Set 和展开语法这三个关键点。相关描述可看下方MDN文档:

参考:Array.prototype.filter() - JavaScript | MDN
参考:Set - JavaScript | MDN
参考:展开语法 - JavaScript | MDN

/**
 * @param {number[]} nums1
 * @param {number[]} nums2
 * @return {number[]}
 */
var intersection = function(nums1, nums2) {
  return [...new Set(nums1.filter((num) => nums2.includes(num)))];
};


提交记录
55 / 55 个通过测试用例
状态:通过
执行用时:72 ms, 在所有 JavaScript 提交中击败了73.83%的用户
内存消耗:38.7 MB, 在所有 JavaScript 提交中击败了92.71%的用户
时间:2021/09/24 23:09	

可以看到,这种做法的性能还是不错的,但是多少是有点作弊的味道,因为利用了大量的JavaScript特性来解决。

当然,其中数组去重还有很多种方法,可以参考下面的文章:

参考:【微信公众号:前端新世界 2021-05-26】亲测有效:JS 中数组去重的 9 种高阶方法

官方题解

更新:2021年7月29日18:43:21

因为我考虑到著作权归属问题,所以【官方题解】部分我不再粘贴具体的代码了,可到下方的链接中查看。

更新:2021年9月24日23:31:30

参考:两个数组的交集 - 两个数组的交集 - 力扣(LeetCode)

【更新结束】

有关参考

更新:2021年9月24日23:07:47
参考:Array.prototype.filter() - JavaScript | MDN
参考:Set - JavaScript | MDN
参考:展开语法 - JavaScript | MDN
参考:解构赋值 - JavaScript | MDN
参考:【微信公众号:前端新世界 2021-05-26】亲测有效:JS 中数组去重的 9 种高阶方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>两数组找相同</title> </head> <body> <p> ## 1.给定两个数组,编写一个函数来计算它们的交集。 - 输出结果中的每个元素一定是唯一的。 ``` 输入:nums1 = [1,2,2,1], nums2 = [2,2] 输出:[2] 输入:nums1 = [4,9,5], nums2 = [9,4,9,8,4] 输出:[9,4] ```</p> </body> <script> // 方法一: // var nums1 = [1, 2, 2, 3, 4, 5] // var nums2 = [2, 2, 3, 4, , 6, 7, 8] // function fn(a, b) { // // 方法一: // var arr3 = [] // for (var i = 0; i < a.length; i++) { // for (var j = 0; j < b.length; j++) { // if (a[i] === b[j]) { // arr3.push(a[i]) // } // } // } // console.log(arr3) // // 去重方法1 // var arr4 = [] // for (var k = 0; k < arr3.length; k++) { // // 用原始数组里面的内容循环遍历放在,新建的空数组内部去查找。 // // 如果查找结果是-1表示空数组里面没有原始数组循环遍历的那一项,然后把遍历的哪一项push到空数组里。 // // 一直往空数组里面添加符合条件indexof等于-1的项,生成的新数组。这个新数组就是去重后的数组. // var res = arr4.indexOf(arr3[k]) // if (res === -1) { // arr4.push(arr3[k]) // } // } // console.log(arr4) // } // fn(nums1, nums2) // 方法二: var arr1 = [1, 2, 2, 3, 4, 5]; var arr2 = [2, 2, 3, 4, , 6, 7, 8]; // 输出的内容 [2,3,4] // 循环拿出arr1数组中的每一个数据 /* 第一次调用 item = 1 arr2.indexOf(item) !== -1 === arr2.indexOf(1) !== -1 条件不成立 不会把item返回到新的数组,进性下一次调用filter 第二次调用 item = 2 arr2.indexOf(item) !== -1=== arr2.indexOf(2) !== -1 条件成立 会把item添加到新的数组 进行下一次调用 */ // res得到两个数组交集 [2,2,3,4] var res = arr1.filter(function (item, index) { // 那arr1中的数据 去arr2数组中检测在arr2是否存在 // arr2.indexOf(item) 检测arr2中否是有 item这个数据 // 有数据就返回到新数组里面 数据索引,没有数据返回 -1,只要不等于-1就说明数据存在 return (arr2.indexOf(item) !== -1) }); /* res = [2,2,3,4] 第一次调用 pre = [] cur =2 (pre.indexOf(cur) === -1) ? pre.concat(cur) : pre return pre.push(cur) */ // 给res去掉重复的数据 var res1 = res.reduce(function (pre, cur) { //给pre 赋值一个[] // 等于-1说明cur不存在与pre中 if (pre.indexOf(cur) === -1) { return pre.concat(cur) } else { return pre }/* if (pre.indexOf(cur) === -1) { // 说明pre数组中不存在 cur 这个数据,需要把cur添加到 pre 数组中 // pre.push(cur) // 注意用push方法返回的是一个数组长度 // 要用concat方法返回一个拼接好的新数组 // pre.concat(cur) return pre.concat(cur) } else { return pre } */ // return (pre.indexOf(cur) === -1) ? pre.push(cur) : pre // 不能使用push push 的返回值是一个数组的长度 下一次的pre就是数组的长度 并不是一个数组 // pre.indexOf is not a function出现这个错误 // indexOf这个方法名写错 // pre 没有这个方法 // 三目写法 // return (pre.indexOf(cur) === -1) ? pre.concat(cur) : pre }, []) console.log(res1) </script> </html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值