vue3在setup中如何将用逗号隔开的字符串转换成对象
时间: 2024-05-07 17:15:47 浏览: 141
可以使用 JavaScript 的 `split()` 方法将字符串转换为数组,然后使用数组的 `reduce()` 方法将其转换为对象。例如:
```javascript
setup() {
const str = 'name,john,age,30,gender,male';
const arr = str.split(',');
const obj = arr.reduce((acc, cur, i) => {
if (i % 2 === 0) {
acc[cur] = arr[i + 1];
}
return acc;
}, {});
console.log(obj); // { name: "john", age: "30", gender: "male" }
}
```
这里首先使用 `split()` 方法将字符串按照逗号分隔为数组,然后使用 `reduce()` 方法将数组转换为对象。在 `reduce()` 方法的回调函数中,我们判断当前索引是否为偶数,如果是,则将当前元素和下一个元素作为键值对存入累加器对象中。最后得到的对象就是我们需要的结果。
阅读全文