json字符串转列表

JSON字符串是一种轻量级的数据交换格式，在前端开发中经常被用到。而将JSON字符串转成列表则是前端开发中比较常见的需求之一。

将JSON字符串转换成列表，需要借助JavaScript自带的JSON对象。首先需要使用JSON.parse()方法将JSON字符串转换为JavaScript对象。接下来就可以遍历该对象，取出其中的数据，生成相应的HTML代码。

//定义一个JSON字符串
var jsonStr = '{"name":"小明","age":18,"gender":"男"}';

//将JSON字符串转换为JavaScript对象
var jsonObj = JSON.parse(jsonStr);

//获取姓名、年龄、性别
var name = jsonObj.name;
var age = jsonObj.age;
var gender = jsonObj.gender;

//生成列表代码
var listHtml = '

'; listHtml += '
• 姓名：' + name + '
'; listHtml += '
• 年龄：' + age + '
'; listHtml += '
• 性别：' + gender + '
'; listHtml += '

'; //将列表代码插入到页面中 document.getElementById('list-container').innerHTML = listHtml;

以上代码将JSON字符串转换成了一个包含姓名、年龄、性别的列表，并将该列表插入到页面中。