vue 字符串转json数组

在Vue中，可以使用JSON.parse()方法将字符串转换为JSON数组。下面是一个示例代码：

var str = '[{"name":"John","age":30},{"name":"Jane","age":25}]';
var jsonArray = JSON.parse(str);
console.log(jsonArray);

输出结果为：

[
  { "name": "John", "age": 30 },
  { "name": "Jane", "age": 25 }
]

请注意，传递给JSON.parse()方法的字符串必须是有效的JSON格式，即使用双引号引用属性名和字符串值，并且使用逗号分隔每个对象或数组项。

相关问题

vue js 解析 json数组字符串

在Vue.js中解析JSON数组字符串很简单，你可以使用`JSON.parse()`方法将JSON字符串转换为JavaScript对象或数组。下面是一个示例：

var jsonStr = '[{"name":"John","age":30},{"name":"Jane","age":25}]';
var jsonArray = JSON.parse(jsonStr);
console.log(jsonArray);

在上面的示例中，我们有一个JSON数组字符串`jsonStr`，它包含两个对象。通过调用`JSON.parse(jsonStr)`，我们将其转换为JavaScript数组`jsonArray`。然后，我们在控制台打印输出这个数组。

输出结果如下：

[
  { name: 'John', age: 30 },
  { name: 'Jane', age: 25 }
]

这样你就成功地将JSON数组字符串解析为JavaScript数组了。你可以在Vue.js中使用这个数组进行后续的操作和渲染。

vue 传给后端json数组

可以使用axios库将json数组传给后端。具体步骤如下：

1. 在vue组件中定义一个数组，例如：

data() {
  return {
    items: [
      { name: 'apple', price: 2.5 },
      { name: 'banana', price: 1.5 },
      { name: 'orange', price: 3 }
    ]
  }
}

2. 在提交表单时，使用axios将数组转换为json字符串并发送给后端，例如：

methods: {
  submitForm() {
    const json = JSON.stringify(this.items)
    axios.post('/api/save', json)
      .then(response => {
        console.log(response.data)
      })
      .catch(error => {
        console.log(error)
      })
  }
}

3. 在后端接收json字符串并解析为数组，例如：

app.post('/api/save', (req, res) => {
  const items = JSON.parse(req.body)
  // do something with items
})