変数から複数の文字列を縦線で分割して抽出

Question

クライアントのWebサイトには、ページカテゴリを縦線で区切ったjavascript変数があります。次に例を示します。

category_name = "Products|Healthy|Chia pudding"; 

私はこれらのカテゴリを抽出し、別々の変数にそれを配置する必要があります：

あなたは私を助けてくださいことはできますか？

Answer 1

あなたはsplit機能

category_name_array = category_name.split("|"); 
    -> ["Products", "Healthy", "Chia pudding"] 

を使用することができ、その後、あなたはこのようにアクセスすることができますES5の構文を使用して

const [ 
    category_name_1, 
    category_name_2, 
    category_name_3 
] = category_name.split('|'); 

：ES.nextの非構造を使用して

console.log(category_name_array[0]); -> "Products" 
console.log(category_name_array[1]); -> "Healthy" 
console.log(category_name_array[2]); -> "Chia pudding" 

Answer 2

var names = category_name.split('|'); 
var category_name_1 = names[0]; 
var category_name_2 = names[1]; 
var category_name_3 = names[2]; 

これを実行するより良い方法は、変数thoの代わりに単純な配列を使うことです。上記の例を使用すると、最初のカテゴリが必要なときはいつでも、それを参照するのにnames[0]を使用してください。