使用 JavaScript 中的函数重构代码
我正在尝试将 JS 代码重构为函数。我正在比较两个数组并返回一个新数组,其中包含仅在两个给定数组之一中找到的任何项目,但不是两个数组中都找到。
下面的代码可以工作,但显然它不是 DRY 原则。
function diffArray(arr1, arr2) {
let newArr = []
for(let el2 of arr2) {
if(!arr1.includes(el2)) {
newArr.push(el2)
}
}
for(let el1 of arr1) {
if(!arr2.includes(el1)) {
newArr.push(el1)
}
}
return newArr;
}
我想将循环块变成一个函数,下面是我想到的。但是,它返回一个空数组。这里有什么问题?
let newArr = []
function singleEl(arrA, arrB) {
for(let el of arrA) {
if(!arrB.includes(el)) {
newArr.push(el)
}
return newArr
}}
function diffArray(arr1, arr2) {
singleEl(arr2, arr1)
singleEl(arr1, arr2)
return newArr;
}
diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4])
I'm trying to refactor JS code into functions. I'm comparing two arrays and return a new array with any items only found in one of the two given arrays, but not both.
The code below works, but obviously it's not DRY principal.
function diffArray(arr1, arr2) {
let newArr = []
for(let el2 of arr2) {
if(!arr1.includes(el2)) {
newArr.push(el2)
}
}
for(let el1 of arr1) {
if(!arr2.includes(el1)) {
newArr.push(el1)
}
}
return newArr;
}
I want to turn the loop block into a function and below is what i came up with. However, it returns an empty array. What's the issue here?
let newArr = []
function singleEl(arrA, arrB) {
for(let el of arrA) {
if(!arrB.includes(el)) {
newArr.push(el)
}
return newArr
}}
function diffArray(arr1, arr2) {
singleEl(arr2, arr1)
singleEl(arr1, arr2)
return newArr;
}
diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4])
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您的问题是循环内的
return newArr
。Your problem is
return newArr
inside the loop.