Javascript 从被垂直线分割的变量中提取多个字符串

在我们客户的网站上有一个javascript变量，页面类别由垂直线划分。下面是一个例子：

category_name = "Products|Healthy|Chia pudding";

我需要提取这些类别并将其放入单独的变量中：

category_name_1 = "Products";
category_name_2 = "Healthy";
category_name_3 = "Chia pudding";

你能帮我一下吗？

你可以使用这个功能

然后你可以这样访问它：

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

你可以使用这个函数

然后你可以这样访问它：

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

---

使用ES.next解构：

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

使用ES5语法：

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

---

更好的方法是只使用一个简单的数组而不是变量tho。因此，使用上面的示例，每当您需要第一个类别时，只需使用

名称[0]

来引用它。

使用ES。下一步分解：

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

使用ES5语法：

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]

来引用它。

完全忘记了

split（）

函数！谢谢。没问题：D，恰巧是最好的一个完全忘记了

split（）

函数！谢谢。没问题：D，最好的也一样