KnockOut.JSは2つの配列を比較し、2番目の配列から一意の値を削除します

Question

私はKnockout.jsで作業しています。

今

var chosenFruit = ko.observableArray([]); 
var allFruits = ko.observableArray([]); 

allFruits  =  [ "Apple" , "Bananna" , "Grapes" , "Oranges"] 
chosenFruit  =  ["Apple" , "Bananna" , "kiwi"] 

、「キウイ」は（allFruitsであることを意味、）最初の配列には存在しないので、私は二番目の配列（chosenFruit）から「キウイ」を削除します。

私は両方の配列を比較し、2番目の配列から削除したい - 最初の配列に存在しない値。意味

、比較した後、二番目の配列は次のようになります。

chosenFruit =  ["Apple" , "Bananna"] 

これを実現する方法を提案してください。

ありがとうございました！

Answer 1

使用Array#filter方法

var allFruits = ["Apple", "Bananna", "Grapes", "Oranges"], 
 
    chosenFruit = ["Apple", "Bananna", "kiwi"]; 
 

 
console.log(
 
    // iterate and filter out element 
 
    chosenFruit.filter(function(v) { 
 
    // check value present in array 
 
    return allFruits.indexOf(v) > -1; 
 
    }) 
 
)

---

UPDATE 1：あなたは要素を除去するための参照使用Array#spliceを維持したい場合。

var allFruits = ["Apple", "Bananna", "Grapes", "Oranges"], 
 
    chosenFruit = ["Apple", "Bananna", "kiwi"]; 
 
// store length for iterating 
 
var i = chosenFruit.length; 
 

 
// iterate upto `0` 
 
while (i--) { 
 
    // check value exist in array 
 
    if (allFruits.indexOf(chosenFruit[i]) == -1) { 
 
    // if not present then remove it 
 
    chosenFruit.splice(i, 1); 
 
    } 
 
} 
 

 

 
console.log(chosenFruit);

---

UPDATE 2： ノックアウトでフィルタ処理された新しい配列を生成Array#filterを使用して、このような何かを。

var chosenFruit = ko.observableArray(["Apple", "Bananna", "Grapes", "Oranges"]); 
 
var allFruits = ko.observableArray(["Apple", "Bananna", "kiwi"]); 
 

 
console.log(
 
    chosenFruit().filter(function(v) { 
 
    return allFruits().indexOf(v) > -1; 
 
    }) 
 
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>

---

UPDATE 3：あなたがobservableArrayを更新したい場合は、コールバック関数でremove()メソッドを使用します。

var chosenFruit = ko.observableArray(["Apple", "Bananna", "Grapes", "Oranges"]); 
 
var allFruits = ko.observableArray(["Apple", "Bananna", "kiwi"]); 
 

 
allFruits.remove(function(v) { 
 
    return chosenFruit().indexOf(v) == -1; 
 
}); 
 

 
console.log(allFruits())

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>

Answer 2

chosenFruitsアレイであってはならないアイテムの位置を特定し、削除することによって、次のように行うことができます。;従来の機能を有する

allFruits = [ "Apple" , "Bananna" , "Grapes" , "Oranges"], 
 
chosenFruit = ["Apple" , "Bananna" , "Kiwi", "Melon", "Cockroach"]; 
 
    discarded = chosenFruit.reduceRight((p,c,i,a) => !allFruits.includes(c) ? p.concat(a.splice(i,1)) : p,[]); 
 
\t                 
 
console.log(chosenFruit); 
 
console.log(discarded);

。

allFruits = [ "Apple" , "Bananna" , "Grapes" , "Oranges"], 
 
chosenFruit = ["Apple" , "Bananna" , "Kiwi", "Melon", "Cockroach"]; 
 
    discarded = chosenFruit.reduceRight(function(p,c,i,a){ 
 
             return allFruits.indexOf(c) === -1 ? p.concat(a.splice(i,1)) 
 
                      : p; 
 
             },[]); 
 
\t                 
 
console.log(chosenFruit); 
 
console.log(discarded);

Answer 3

console.log($(["Apple" , "Bananna" , "kiwi"]).filter([ "Apple" , "Bananna" , "Grapes" , "Oranges"]).get());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>