形如：{data:Array(1)}的Javascript数组如何解析-详细内容

文章内容

2018/8/11 11:08:10,作者: 黄兵

形如：{data:Array(1)}的Javascript数组如何解析

最近需要解析一个Javascript数组，结构如下：

{data:Array(1)}

之后展开Array(1)来看，内容如下：

0:{catalog_name: "有色金属", catalog_since: "Mon, 06 Aug 2018 07:24:27 GMT", id: 1}

前面的0是一个索引，现在只有一条数据，当然后面重复数据会比较多。

结题思路：

1、首先获得data的内容：

item=data['data']

2、循环遍历数据

for (let i = 0; i < item.length; i++) {
                    
}

3、之后分别获取每个索引的数据：

item[i]["catalog_name"]
item[i]["catalog_since"]

好了，这个数组解析完成。最后整理一下代码：

var html = ''
var item = data['data']
for (let i = 0; i < item.length; i++) {
    html = '<tr>\n' +
        '                                            <td> ' + i + 1 + '</td>\n' +
        '                                            <td> ' + item[i]["catalog_name"] + ' </td>\n' +
        '                                            <td>' + item[i]["catalog_since"] + '</td>\n' +
        '                                            <td>\n' +
        '                                                <a class="edit" href="/admin_edit_catalog/' + item[i]["id"] + '">Edit </a>\n' +
        '                                            </td>\n' +
        '                                            <td>\n' +
        '                                                <a class="delete" onclick="show_delete_modal()">Delete </a>\n' +
        '                                            </td>\n' +
        '                                        </tr>'
}
$('#catalog_table').append(html);