的屬性設置值，如果值是數組

Question

下面是我的主陣列：

var myArray = [ 
    {field: 'Saab', flag: false}, 
    {field: 'cStatus', flag: false}, 
    {field: 'BMW', flag: false}, 
    {field: 'Mercedes', flag: false} 
]; 

var cars1 = ["Saab", "Bmw"]; 

我試圖設置屬性flag到myArray對象，其field財產包括在cars1變量也是如此。

預計，僅myArray可變輸出：

myArray = [ 
    {field: 'Saab', flag: true}, 
    {field: 'Volvo', flag: false}, 
    {field: 'BMW', flag: true}, 
    {field: 'Mercedes', flag: false} 
]; 

可有人請告訴我如何做到這一點？我已經試過如下：

var myArray = [ 
 
    {field: 'Saab', flag: false}, 
 
    {field: 'Volvo', flag: false}, 
 
    {field: 'BMW', flag: false}, 
 
    {field: 'Mercedes', flag: false} 
 
]; 
 
var cars1 = ["Saab", "BMW"]; 
 

 
console.log(myArray.filter(x => cars1.indexOf(x.field) > -1));

Answer 1

可以利用Array.prototype.indexOf和Array.prototype.forEach迭代陣列上方，並檢查是否包含cars1field：

var myArray = [ 
 
    {field: 'Saab', flag: false}, 
 
    {field: 'Volvo', flag: false}, 
 
    {field: 'BMW', flag: false}, 
 
    {field: 'Mercedes', flag: false} 
 
]; 
 
var cars1 = ["Saab", "BMW"]; 
 

 
myArray.forEach(car => car.flag = cars1.indexOf(car.field) > -1); 
 
console.log(myArray);

在第上述迭代e數組和car表示當前對象。然後我們將car.flag分配給cars1.indexOf(car.field) > -1的結果。如果cars1包含該字段，則結果爲真;如果不包含，則結果爲真。

您也可以使用Array.prototype.includes來檢查數組是否包含某個值，儘管它在所有瀏覽器上都不受支持（大部分都是這樣）。這將擺脫indexOf檢查：

var myArray = [ 
 
    {field: 'Saab', flag: false}, 
 
    {field: 'Volvo', flag: false}, 
 
    {field: 'BMW', flag: false}, 
 
    {field: 'Mercedes', flag: false} 
 
]; 
 
var cars1 = ["Saab", "BMW"]; 
 

 
myArray.forEach(car => car.flag = cars1.includes(car.field)); 
 
console.log(myArray);

Answer 2

一個如何解決它的辦法，就是用Array#some檢查從myArray指定元素cars1數組中存在。如果確實如此 - 請將flag設置爲true。

var myArray=[{field:"Saab",flag:false},{field:"cStatus",flag:false},{field:"BMW",flag:false},{field:"Mercedes",flag:false}], 
 
    cars1 = ["Saab", "BMW"]; 
 

 
    myArray.forEach(v => cars1.some(c => c == v.field ? v.flag = true : null)); 
 
    console.log(myArray);

Answer 3

嘿學習，你可以通過你的「myarray的」使用forEach方法循環，​​然後通過使用.find方法上cars1每次迭代你的數組。如果cars1.find找到等於當前汽車字段的值，那麼它會將value.flag設置爲true。如果沒有，它會將其設置爲false。

這裏是到 .find（）方法https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find

我希望這有助於鏈接！

var myArray = [ 
    {field: 'Saab', flag: false}, 
    {field: 'Volvo', flag: false}, 
    {field: 'BMW', flag: false}, 
    {field: 'Mercedes', flag: false} 
]; 

var cars1 = ["Saab", "BMW"]; 

myArray.forEach(value => { 
    cars1.find((v) => v === value.field) ? value.flag = true : value.flag = false; 
}) 

Answer 4

您可以使用Set的汽車和迭代那麼只有myArray。

的關鍵部分是其使用的封閉在一組與cars1

myArray.forEach(
    (cars => o => cars.has(o.field) && (o.flag = true))(new Set(cars1)) 
); 

其內容基本上是在第一步驟中

(cars => o => cars.has(o.field) && (o.flag = true))(new Set(cars1)) 
    (cars =>           )(new Set(cars1)) 
// ^^^^                closure over 
//              ^^^^^^^^^^^^^^ set with car values 

內部返回的函數的檢查的一個回調如果field在該組中，則發生true到o.flag的分配。

   o => cars.has(o.field) && (o.flag = true) 
//   ^          currentValue of array 
//    ^^^^^^^^^^^^^^^^^      check if field is in set 
//         ^^     if true 
//          ^^^^^^^^^^^^^^^ evaluate expression 
//              assign true to o.flag 

var myArray = [{ field: 'Saab', flag: false }, { field: 'cStatus', flag: false }, { field: 'BMW', flag: false }, { field: 'Mercedes', flag: false }], 
 
    cars1 = ["Saab", "Bmw"]; 
 

 
myArray.forEach((cars => o => cars.has(o.field) && (o.flag = true))(new Set(cars1))); 
 

 
console.log(myArray);