javascript - 如何将值存储在数组中

Question

在下面的代码中，我获取条形码的扫描值。

var scanCode = function () {
window.plugins.barcodeScanner.scan(function(result) {
    alert("Scanned Code: " + result.text + ". Format: " + result.format + ". Cancelled: " + result.cancelled);
    localStorage.setItem("myvalue1", result.text);
    window.location.href = 'page5.html';
    var barcodeVal = localStorage.getItem("myvalue1");
    var test2 = localStorage.getItem("code");
    code = JSON.parse(test2);
    var k = parseInt(localStorage.getItem("counter"));
    document.getElementById(code[k]).innerHTML = barcodeVal;
    alert(code[k]);
    alert(k);
    k++;
    localStorage["counter"] = k;
    localStorage.setItem("code", JSON.stringify(code));
}, function (error) {
    alert("Scan failed: " + error);
});

myvalue1是我从扫描中获得的值(value)。我在另一个js文件中定义了一个数组和一个计数器作为

localStorage["counter"]=0;
var code = {};
localStorage.setItem("code", JSON.stringify(code));

现在我试图将 id 存储在数组 code[] 中我正在尝试在 page5.html 中打印它.以上<script>也在同一个 page5.html 中定义.我也一次又一次地调用扫描功能来扫描多个条形码。我将 html 中的值打印为

<tr>
    <td>2</td>
    <td id="code[0]"></td>
</tr>

我收到错误 Cannot set property 'innerHTML' of null .接下来我该怎么办？请帮我。提前致谢

Answer 1

从JsFiddle here可以看出当你执行指令中的代码[k]时

document.getElementById(code[k]).innerHTML = barcodeVal;

code 不被理解为一个字符串数组，而是一个字符串，所以指向 code[0] 它不是指向你的 id，而是指向括号。

做一个JSON.parse()在更新的 JsFiddle 中的代码上 here