Как объединить два массива с заказом?

Question

У меня есть несколько массивов, которые я хочу объединить, но мне нужно держать их в порядке. Пример:

var js_files = [ 
'bower_components/jquery/dist/jquery.js', 
'bower_components/jquery.cookie/jquery.cookie.js', 
'bower_components/jquery-placeholder/jquery-placeholder.js', 
'bower_components/foundation-sites/dist/foundation.js', 
'bower_components/Swiper/dist/js/swiper.jquery.min.js', 
'assets/scripts/**/*.js' 
]; 

и:

var js_files = [ 
'bower_components/jquery/dist/jquery.js', 
'parnet/bower_components/jquery/dist/jquery.js', 
'parent/bower_components/jquery.cookie/jquery.cookie.js' 
]; 

и я хочу, объединение их и убедитесь, что массив кулак будет оставаться первым & удалить повторяющиеся значения.

ожидается outotput:

['bower_components/jquery/dist/jquery.js', 
'bower_components/jquery.cookie/jquery.cookie.js', 
'bower_components/jquery-placeholder/jquery-placeholder.js', 
'bower_components/foundation-sites/dist/foundation.js', 
'bower_components/Swiper/dist/js/swiper.jquery.min.js', 
'assets/scripts/**/*.js', 
'parnet/bower_components/jquery/dist/jquery.js', 
'parent/bower_components/jquery.cookie/jquery.cookie.js'] 

Могу ли я сделать это с помощью _.union? Любая другая идея?

Answer 1

Вы можете сделать это в моде ES5 с использованием Array.prototype.slice например:

const first = [1,2,3,4]; 
const second = [5,6,7,8]; 

const results = [].concat(first.slice(), second.slice()); 

Или мода ESNext с помощью "desctructuring"

const first = [1,2,3,4]; 
const second = [5,6,7,8]; 

const result = [...first, ...second]; 

Изменить: Я пропустил момент, что вам нужны разные ценности;

Это удалит обманы из результатов после того, как вы конкатенируете материал.

const distinctResults = results.filter(function removeDuplicates(item, index){ 

    return results.indexOf(item) === index; 
}); 

Answer 2

var a = [1,2,3]; 
 
var b = [4,5,6]; 
 

 
var Joined = [...a,...b];

Аналогично можно сделать для вашего кода.

Answer 3

просто использовать Array.prototype.concat

var js_files1 = [ 
 
'bower_components/jquery/dist/jquery.js', 
 
'bower_components/jquery.cookie/jquery.cookie.js', 
 
'bower_components/jquery-placeholder/jquery-placeholder.js', 
 
'bower_components/foundation-sites/dist/foundation.js', 
 
'bower_components/Swiper/dist/js/swiper.jquery.min.js', 
 
'assets/scripts/**/*.js' 
 
]; 
 
var js_files2 = [ 
 
'parnet/bower_components/jquery/dist/jquery.js', 
 
'parent/bower_components/jquery.cookie/jquery.cookie.js' 
 
]; 
 
var res = js_files1.concat(js_files2); 
 
console.log(res);

Answer 4

_.union удалит повторяющиеся значения из вашего второго массива.

В вашем случае, если вы не имеете никакого повторяющееся значение во втором массиве так просто Concat их

Но если у вас есть какие-либо повторяющееся значение во втором массиве, _.union удалит его

например, для.

var a = [ 
    'bower_components/jquery/dist/jquery.js', 
    'bower_components/jquery.cookie/jquery.cookie.js', 
    'bower_components/jquery-placeholder/jquery-placeholder.js', 
    'bower_components/foundation-sites/dist/foundation.js', 
    'bower_components/Swiper/dist/js/swiper.jquery.min.js', 
    'assets/scripts/**/*.js' 
]; 


var b = [ 
    'bower_components/jquery/dist/jquery.js', 
    'parnet/bower_components/jquery/dist/jquery.js', 
    'parent/bower_components/jquery.cookie/jquery.cookie.js' 
]; 

_.union(a, b) приведет

[ 
    "bower_components/jquery/dist/jquery.js", 
    "bower_components/jquery.cookie/jquery.cookie.js", 
    "bower_components/jquery-placeholder/jquery-placeholder.js", 
    "bower_components/foundation-sites/dist/foundation.js", 
    "bower_components/Swiper/dist/js/swiper.jquery.min.js", 
    "assets/scripts/**/*.js", 

    "parnet/bower_components/jquery/dist/jquery.js", 
    "parent/bower_components/jquery.cookie/jquery.cookie.js" 
] 

Здесь вы можете увидеть _.union удаляет повторяющиеся значения "bower_components/jquery/dist/jquery.js" из массива B в результате

Answer 5

var js_files1 = [ 
 
'bower_components/jquery/dist/jquery.js', 
 
'bower_components/jquery.cookie/jquery.cookie.js', 
 
'bower_components/jquery-placeholder/jquery-placeholder.js', 
 
'bower_components/foundation-sites/dist/foundation.js', 
 
'bower_components/Swiper/dist/js/swiper.jquery.min.js', 
 
'assets/scripts/**/*.js' 
 
]; 
 

 
var js_files2 = [ 
 
'parnet/bower_components/jquery/dist/jquery.js', 
 
'parent/bower_components/jquery.cookie/jquery.cookie.js', 
 
"assets/scripts/**/*.js" 
 
]; 
 

 
js_files2.forEach(value => { 
 
    if (js_files1.indexOf(value) == -1) { 
 
    js_files1.push(value); 
 
    } 
 
}); 
 

 
console.log(js_files1);

Answer 6

Вы можете использовать Set в сочетании с spread syntax ... для уникальных предметов в оригинальном порядке сортировки.

var js_files1 = [ 
 
    'abc', 
 
    'def', 
 
    'bower_components/jquery/dist/jquery.js', 
 
    'bower_components/jquery.cookie/jquery.cookie.js', 
 
    'bower_components/jquery-placeholder/jquery-placeholder.js', 
 
    'bower_components/foundation-sites/dist/foundation.js', 
 
    'bower_components/Swiper/dist/js/swiper.jquery.min.js', 
 
    'assets/scripts/**/*.js' 
 
    ], 
 
    js_files2 = [ 
 
    'def', 
 
    'ghi', 
 
    'bower_components/jquery/dist/jquery.js', 
 
    'parnet/bower_components/jquery/dist/jquery.js', 
 
    'parent/bower_components/jquery.cookie/jquery.cookie.js' 
 
    ], 
 
    uniqueFiles = [...new Set([...js_files1, ...js_files2])]; 
 

 
console.log(uniqueFiles);

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