如何在javascript中从数组中读取数据_Javascript_Html

如何在javascript中从数组中读取数据

javascript html

如何在javascript中从数组中读取数据,javascript,html,Javascript,Html,我有一个JavaScript数组，比如[{“itemName”：“table”，“status”：“seld”}，{“itemName”：“chair”，“status”：“available”}]（每次单击数据行上的按钮时，数组大小及其值都会发生更改），我希望读取它的数据并在中显示值 modal.find('.modal-body input[name="itemname"]').val(itemName); modal.find('.modal-body input[na

我有一个JavaScript数组，比如

[{“itemName”：“table”，“status”：“seld”}，{“itemName”：“chair”，“status”：“available”}]

（每次单击数据行上的按钮时，数组大小及其值都会发生更改），我希望读取它的数据并在中显示值

modal.find('.modal-body input[name="itemname"]').val(itemName);
modal.find('.modal-body input[name="status"]').val(status);

如果有人能帮助我将数组的数据设置为等效模式，我将不胜感激。查找…

如果您想在数组中循环并访问它，您可以这样做：

const items=[{“itemName”：“表”、“状态”：“售出”}，{“itemName”：“椅子”、“状态”：“可用”}]
items.map（item=>{
modal.find（'.modal body input[name=“itemname”]'）.val（item.itemname）；
modal.find（'.modal body input[name=“status”]'）.val（item.status）；
});试试这个
data = [{"itemName":"table ","status":"sold"},{"itemName":"chair ","status":"available"}]

modal.find('.modal-body input[name="itemname"]').val(data[0]['itemName']);
modal.find('.modal-body input[name="status"]').val(data[0]['status']);

modal.find('.modal-body input[name="itemname"]').val(data[1]['itemName']);
modal.find('.modal-body input[name="status"]').val(data[1]['status']);


数据=[{
“项目名称”：“表”，
“状态”：“已售出”
}, {
“项目名称”：“主席”，
“状态”：“可用”
}]
console.log（数据[0]['itemName']）
console.log（数据[0]['status']）
日志（数据[1]['itemName']）
日志（数据[1]['status']）
//modal.find（'.modal body input[name=“itemname”]'）.val（数据[0]['itemname']）；
//modal.find（'.modal body input[name=“status”]'）.val（数据[0]['status']）；
//modal.find（'.modal body输入[name=“itemname”]'）.val（数据[1]['itemname']）；
//modal.find（'.modal body input[name=“status”]'）.val（数据[1]['status']）请在下面尝试
<script>
    $(document).ready(function(){
        var data = [{"itemName":"table ","status":"sold"},{"itemName":"chair ","status":"available"}];
        $.each(data, function(index, value){
            $("#result").append(value.itemName + ": " + value.status + '<br>');
        });
    });
</script>  
</head> 
<body>
    <div id="result"></div>
</body>


$（文档）.ready（函数（）{
var数据=[{“itemName”：“表”，“状态”：“售出”}，{“itemName”：“椅子”，“状态”：“可用”}]；
$.each（数据、函数（索引、值）{
$（“#结果”）.append（value.itemName+”：“+value.status+”
”；
});
});

如果回答对您有帮助，请支持，谢谢。
我想我可以帮您
例如：
var示例=[
{“itemName”：“表”，“状态”：“已售出”}，
{“项目名称”：“主席”，“状态”：“可用”}]；
示例.forEach（元素=>{
console.log（element.itemName）；
console.log（元素状态）；
});我假设您正在查找与数组中的itemName相同的模态。如果是这样，那么下面的解决方案将有所帮助
const array = [{"itemName":"table ","status":"sold"},{"itemName":"chair ","status":"available"}]

array.forEach(item => {
  modal.find(`.modal-body input[name=${item.itemName}]`).val(item.itemName);
  modal.find(`.modal-body input[name=${item.status}]`).val(item.status);
});

这将只得到数组中最后一项的值，因为每次迭代都会覆盖上一个设置值。如果有多个输入字段来设置值，这在问题中没有提到，那么它们可以使用相同的循环，但实际上没有提到。现在映射没有多大意义，因为您也可以简单地获取数组的最后一个元素并得到相同的结果。也就是说，如果不使用返回值.map（）
执行任何操作，那么使用它是没有意义的。（改用.forEach（）
）当然可以。Thanksexample.forEach不是函数，这是在console@MinaMRM我已经对答案进行了编辑，现在您可以在浏览器上运行它，并且可以在浏览器上看到输出。未捕获的TypeError:无法读取未定义的属性“itemName”。这是我在控制台中看到的错误。@MinaMRM检查我的回答谢谢你的回答。它只是显示了我的模型上数组的最后一个数据。我的意思是，我可以在我的模型上看到椅子和可用的值。看看这个，如果这没有帮助，请分享你的HTML代码。