以相同順序將數組元素追加到另一個數組

Question

我有兩個JavaScript數組，一個是當前數組，另一個是新數組。 我可以將Strings的新元素從新數組追加到當前數組中，並且只能添加新元素。

例如，如果我有兩個數組currentArray = [a,d]和newArray = [a,b,c,d,e] ，我們可以看到元素b，c和e是不同的（因此可以附加到currentArray）。

我的UI允許我從新數組中僅選擇要追加的新元素。 但目前，它僅追加到數組末尾的當前值。

如果要選擇元素b，我希望當前數組為currentArray = [a,b,d] ，而不是currentArray= [a,d,b].

如果我要選擇元素b，然后選擇c，則當前數組應為currentArray= [a,b,c,d]

如何實現這種邏輯？

Answer 1

您可以使用以下邏輯：

var baseArray = ["a", "b", "c", "d", "e"];

function appendEl(arr, element){

  // Parse through baseArray for every possible element.
    return baseArray.filter(function(el){
    // If element is in arr or is the element itself.
    if(arr.indexOf(el)!=-1 || el==element) return true;
    else return false;

  });

}

小提琴