在 JavaScript 对象数组中查找某些键的副本，并将相关键设置为 true

Question

我有一个JS对象数组：

var a = [{a:"a1",b:"b",c:"c",prop:false},
{a:"a1",b:"b",c:"c",prop:false},
{a:"a",b:"b",c:"c",prop:false},
{a:"a2",b:"b",c:"c",prop:false},
{a:"a3",b:"b",c:"c",prop:false},
{a:"a1",b:"b",c:"c",prop:false}];

我必须找到最后一个元素的副本，但不考虑关键prop：当我找到它们时，相关的 prop 布尔值必须设置为true.

我做了世界上最简单的事情，它工作得很好，但如果 JS 可以做一些事情(没有 3rd 方库)，我在徘徊，无论是在"优雅"、现代性还是性能方面都更好：

var toTest = a[a.length-1];
for(var i=0;i<a.length;i++){
if(toTest.a==a[i].a && toTest.b==a[i].b && toTest.c==a[i].c){
a[i].prop = true;
a[a.length-1].prop = true;
}
}

任何提示都值得赞赏

Answer 1

您可以使用Array.forEach和Array.every的组合。创建要测试的键列表，并在每次迭代中检查这些键并更新对象。

a[a.length-1].prop = true对我来说看起来没有必要，因为您没有删除该项目，因此它将在上次迭代中更新。

var a = [{a:"a1",b:"b",c:"c",prop:false},
{a:"a1",b:"b",c:"c",prop:false},
{a:"a",b:"b",c:"c",prop:false},
{a:"a2",b:"b",c:"c",prop:false},
{a:"a3",b:"b",c:"c",prop:false},
{a:"a1",b:"b",c:"c",prop:false}];
var toTest = a[a.length -1];
var keysToTest = ['a', 'b', 'c'];
a.forEach((o)=>{
var valid = keysToTest.every((k) => o[k] === toTest[k]);
if(valid){
o.prop = true;
}
});
console.log(a)

Answer 2

你所拥有的差不多就是这样。您可以进行一些调整，但除了您想在i < a.length - 1时提前一步停止之外，还可以(因为您不想将最后一个条目与自身进行比较并错误地设置prop)。

您可以进行一些调整：

• a[a.length-1].prop = true;可能是toTest.prop = true;
• 您可以将a[i]缓存到变量，而不是每次都查找它
• 你可以缓存a、b和c，而不是每次都在对象上查找它们(但如果它很重要，JavaScript引擎会这样做)。
• 在 ES2015+ 中，您可以使用解构赋值来获取a、b和c

例如：

// Caching the last item
var last = a[a.length - 1];
// Caching the values to check
var checka = last.a, checkb = last.b, checkc = last.c;
// Stop at i < a.length - 1, caching that to l
for (var i = 0, l = a.length - 1; i < l; ++i) {
// Cache a[i]
var entry = a[i];
if (entry.a == checka && entry.b == checkb && entry.c == checkc) {
entry.prop = last.prop = true;
}
}

实时副本：

var a = [{a:"a1",b:"b",c:"c",prop:false},
{a:"a1",b:"b",c:"c",prop:false},
{a:"a",b:"b",c:"c",prop:false},
{a:"a2",b:"b",c:"c",prop:false},
{a:"a3",b:"b",c:"c",prop:false},
{a:"a1",b:"b",c:"c",prop:false}];
// Caching the last item
var last = a[a.length - 1];
// Caching the values to check
var checka = last.a, checkb = last.b, checkc = last.c;
// Stop at i < a.length - 1, caching that to l
for (var i = 0, l = a.length - 1; i < l; ++i) {
// Cache a[i]
var entry = a[i];
if (entry.a == checka && entry.b == checkb && entry.c == checkc) {
entry.prop = last.prop = true;
}
}
console.log(a);

.as-console-wrapper {
max-height: 100% !important;
}

下面是一个 ES2015+ 版本，仅供参考：

const last = a[a.length - 1];
const {a: checka, b: checkb, c: checkc} = last;
for (let i = 0, l = a.length - 1; i < l; ++i) {
const {a: thisa, b: thisb, c: thisc} = a[i];
if (thisa == checka && thisb == checkb && thisc == checkc) {
a[i].prop = last.prop = true;
}
}

实时副本：

const a = [{a:"a1",b:"b",c:"c",prop:false},
{a:"a1",b:"b",c:"c",prop:false},
{a:"a",b:"b",c:"c",prop:false},
{a:"a2",b:"b",c:"c",prop:false},
{a:"a3",b:"b",c:"c",prop:false},
{a:"a1",b:"b",c:"c",prop:false}];
const last = a[a.length - 1];
const {a: checka, b: checkb, c: checkc} = last;
for (let i = 0, l = a.length - 1; i < l; ++i) {
const {a: thisa, b: thisb, c: thisc} = a[i];
if (thisa == checka && thisb == checkb && thisc == checkc) {
a[i].prop = last.prop = true;
}
}
console.log(a);

.as-console-wrapper {
max-height: 100% !important;
}

这是否符合您的任何标准取决于您。

Answer 3

将Array.filter()与仅比较a、b和c的函数一起使用。

编辑：我完全替换了我之前的答案。我认为 Array.filter() 是按照要求搜索数组中最后一个条目的副本的方法。

Answer 4

您可以使用普通的forEach循环

var a = [{a:"a1",b:"b",c:"c",prop:false}, {a:"a1",b:"b",c:"c",prop:false}, {a:"a",b:"b",c:"c",prop:false}, {a:"a2",b:"b",c:"c",prop:false},{a:"a1",b:"b",c:"c",prop:false},{a:"a1",b:"b",c:"c",prop:false}];     
var toTest = a[a.length-1];              
a.forEach(function(item){
item.prop = (item.a == toTest.a && item.b == toTest.b && item.c == toTest.c) ? true : false;
});
console.log(a);