帮我写个vue json字符串变为x,y轴数组

假设我们的json字符串长这样：

let jsonString = '[{"x": 1, "y": 2}, {"x": 2, "y": 3}, {"x": 3, "y": 4}]';

我们可以先把json字符串转换为对象数组：

let objArray = JSON.parse(jsonString);

然后，我们可以用map方法把x和y分别提取出来：

let xValues = objArray.map(obj => obj.x);
let yValues = objArray.map(obj => obj.y);

现在，xValues和yValues分别是x轴和y轴的数组了。完整代码如下：

let jsonString = '[{"x": 1, "y": 2}, {"x": 2, "y": 3}, {"x": 3, "y": 4}]';
let objArray = JSON.parse(jsonString);
let xValues = objArray.map(obj => obj.x);
let yValues = objArray.map(obj => obj.y);
console.log(xValues); // [1, 2, 3]
console.log(yValues); // [2, 3, 4]

相关问题

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中使用这个数组进行后续的操作和渲染。