2021.10.25

配列②結合と連結(Javascript)

前回の続きで配列のできることを復習していきます。

⑤配列の結合

◎concatを使った配列同士を結合して新しい配列を作る

const countries = [“Japan”, “Russia”, “USA”, “Australia”];

const addCountries = countries.concat([“Korea”, “Taiwan”]);
console.log(addCountries);
 
★実行結果は (6) [‘Japan’, ‘Russia’, ‘USA’, ‘Australia’, ‘Korea’, ‘Taiwan’]
末尾に追加される
 
◎…(spread文)を使うと指定した場所に配列を結合できる
 
const countries = [“Japan”, “Russia”, “USA”, “Australia”];

const addCountries = [“Korea”, …countries, “Taiwan”];
console.log(addCountries);
 
★実行結果は (6) [‘Korea’, ‘Japan’, ‘Russia’, ‘USA’, ‘Australia’, ‘Taiwan’]
 

⑥配列の連結

◎joinを使うと、各要素が連結された文字列として表示される
 
const countries = [“Japan”, “Russia”, “USA”, “Australia”];

const addCountries = countries.join() ;
console.log(addCountries);
 
★実行結果は Japan,Russia,USA,Australia
※カンマで区切られた文字列が表示される。
配列としては返ってこないよ!
 
const countries = [“Japan”, “Russia”, “USA”, “Australia”];

const addCountries = countries.join(‘\n’);
console.log(addCountries);
 
★実行結果は 
Japan
Russia
USA
Australia
※改行されるよ!
 
正直私は、joinはいつ使うんや!とは思っています。
知識不足ですみません。。。

\SHARE/

カテゴリー:
タグ: