HOME > > > > >

jQuery.merge( first, second )

引数

(array)first
第一引数に渡したArrayに第二引数で渡したArrayが追加される。
(array)second
firstに追加するArray

戻り値

Array
firstとsecondをあわせた配列 = first Array?

first に second をマージした配列を返す。 first Arrayは内容が変更される。

サンプル

実行結果

Javascript

  1. var f1 = [1, 2, 3];
  2. var s1 = [4, 5, 6];
  3.  
  4. var new_arr1 = jQuery.merge(f1, s1);
  5.  
  6. var val_new_arr1 = 'new arr : ';
  7. var val_f1       = 'first array : ';
  8.  
  9. // マージ結果
  10. jQuery.each(new_arr1, function(i, val){
  11.     val_new_arr1 += val + ', ';
  12. });
  13.  
  14. // first Array
  15. jQuery.each(f1, function(i, val){
  16.     val_f1 += val + ', ';
  17. });
  18.  
  19. $(".jqTest1").append(val_new_arr1 + '<br />' + val_f1);

HTML

  1. <div class="jqTest1">
  2. </div>

サンプル

ハッシュの場合。

実行結果

Javascript

  1. var of1 = {a: 'obj1_p1', b: 'obj1_p2'};
  2. var os1 = {a: 'obj2_p1', b: 'obj2_p2', c: 'obj2_p3', d: 'obj2_p4'};
  3.  
  4. var new_arr2 = jQuery.merge(of1, os1);
  5. var val_new_arr2 = '';
  6. var val_of1      = '';
  7.  
  8.  
  9. jQuery.each(new_arr2, function(i, val){
  10.         val_new_arr2 += i + ' : ' + val + ', ';
  11. });
  12.  
  13. jQuery.each(of1, function(i, val){
  14.         val_of1 += i + ' : ' + val + ', ';
  15. });
  16.  
  17. $('.jqTest2').append(val_new_arr2 + '<br />' + val_of1);

HTML

  1. <div class="jqTest2">
  2. </div>

当然ながら結果は変なことに。ハッシュの場合はjQuery.extend()使う。

サンプル

実行結果

Javascript

  1. var of2 = {a:'obj1_p1', b:'obj1_p2'};
  2. var os2 = {a:'obj2_p1', b:'obj2_p2', c:'obj2_p3', d:'obj2_p4'};
  3.  
  4. var new_obj = jQuery.extend(of2, os2);
  5. var val_new_obj = '';
  6. var val_of2     = '';
  7.  
  8. jQuery.each(new_obj, function(i, val){
  9.         val_new_obj += i + ' : ' + val + ', ';
  10. });
  11.  
  12. jQuery.each(of2, function(i, val){
  13.         val_of2 += i + ' : ' + val + ', ';
  14. });
  15.  
  16. $('.jqTest3').append(val_new_obj + '<br />' + val_of2);

HTML

  1. <div class="jqTest3">
  2. </div>

多次元配列もフラットにしてくれる。

サンプル

実行結果

Javascript

  1. var f2 = [1, 2, 3, [4, 5, 6]];
  2. var s2 = [[1, 2, 3,[4, 5, 6]]];
  3.  
  4. var new_arr4 = jQuery.merge(f2, s2);
  5.  
  6. var val_new_arr4 = '';
  7. var val_f2       = '';
  8.  
  9. jQuery.each(new_arr4, function(i, val){
  10.         val_new_arr4 += val + ', ';
  11. });
  12.  
  13. jQuery.each(f2, function(i, val){
  14.         val_f2 += val + ', ';
  15. });
  16.  
  17. $(".jqTest4").append(val_new_arr4 + '<br />' + val_f2);

HTML

  1. <div class="jqTest4">
  2. </div>