Fatal编程技术网
  • javascript/
  • 从数组中获取值并使用javascript写入html文件

从数组中获取值并使用javascript写入html文件

javascript jquery html for-loop

从数组中获取值并使用javascript写入html文件,javascript,jquery,html,for-loop,Javascript,Jquery,Html,For Loop,我有以下资料来源： var testext={ “key1”：“String1/1”， “键2”：“String2/1”， “键4”：“String4/1”， }; 对于（i=0；ikey1、chair->key2、masks->key3那样映射到上面的源代码？我不理解这个问题。var testext={“key1”：“String1/1”，“key2”：“String2/1”，“key4”：“String4/1”，}；没有设置1没有设置2没有设置3没有设置4两边都没有计数器。我想问你是否也可

我有以下资料来源：

var testext={
“key1”：“String1/1”，
“键2”：“String2/1”，
“键4”：“String4/1”，
};
对于（i=0；i
带有数组值的测试页

没定下来 没定下来2 没定下来3 没定下来
Nothing set 5testtext是一个对象而不是数组，所以我只是更改了下面的for循环，并使用正则表达式从键中获取数字。我检查过了，它工作了

    <body>
    <p>Testpage with array values</p>

    <div id="id1">Nothing set 1</div>
    <div id="id2">Nothing set 2</div>
    <div id="id3">Nothing set 3</div>
    <div id="id4">Nothing set 4</div>
    <div id="id5">Nothing set 5</div>

    <script>
    var testext = {
      "key1": "String1/1",
      "key2": "String2/1",
      "key4": "String4/1",
    };

    for(key in testext) {
    var outouter = testext[key];
  document.getElementById("id" + key.replace( /^\D+/g, '')).innerHTML = outouter;
}




</script>

</body>


带有数组值的Testpage

没定下来
没定下来2
没定下来3
没定下来
没定下来
var testext={
“key1”：“String1/1”，
“键2”：“String2/1”，
“键4”：“String4/1”，
};
用于（输入testext）{
var outouter=testext[key]；
document.getElementById（“id”+key.replace（/^\D+/g'，））.innerHTML=outoutouter；
}
testtext是一个对象而不是数组，所以我只是更改了下面的for循环，并使用正则表达式从键中获取数字。我检查过了，它工作了

    <body>
    <p>Testpage with array values</p>

    <div id="id1">Nothing set 1</div>
    <div id="id2">Nothing set 2</div>
    <div id="id3">Nothing set 3</div>
    <div id="id4">Nothing set 4</div>
    <div id="id5">Nothing set 5</div>

    <script>
    var testext = {
      "key1": "String1/1",
      "key2": "String2/1",
      "key4": "String4/1",
    };

    for(key in testext) {
    var outouter = testext[key];
  document.getElementById("id" + key.replace( /^\D+/g, '')).innerHTML = outouter;
}




</script>

</body>


带有数组值的Testpage

没定下来
没定下来2
没定下来3
没定下来
没定下来
var testext={
“key1”：“String1/1”，
“键2”：“String2/1”，
“键4”：“String4/1”，
};
用于（输入testext）{
var outouter=testext[key]；
document.getElementById（“id”+key.replace（/^\D+/g'，））.innerHTML=outoutouter；
}
既然这是标记为jQuery的，为什么不使用jQuery：

var testext={
“key1”：“String1/1”，
“键2”：“String2/1”，
“键4”：“String4/1”，
};
$（“div”）.html（函数（）{
var key=this.id.replace（“id”，“key”）；
return（key in testext）？testext[key]：this.innerHTML；
});


带有数组值的Testpage

没定下来
没定下来2
没定下来3
没定下来

未设置任何内容5
既然这是标记为jQuery的，为什么不使用jQuery：



var testext={
“key1”：“String1/1”，
“键2”：“String2/1”，
“键4”：“String4/1”，
};
$（“div”）.html（函数（）{
var key=this.id.replace（“id”，“key”）；
return（key in testext）？testext[key]：this.innerHTML；
});


带有数组值的Testpage

没定下来
没定下来2
没定下来3
没定下来

Nothing set 5
Javascript对象没有“length”属性。Javascript对象没有“length”属性。哇，谢谢你的回答。如果可能的话，有没有一种方法可以使用像car、chair、table、masks这样的ID和像key1、key2、key3这样的键，并将它们像car->key1、chair->key2、masks->key3那样映射到上面的源代码？我不理解这个问题。var testext={“key1”：“String1/1”，“key2”：“String2/1”，“key4”：“String4/1”，}；没有设置1没有设置2没有设置3没有设置4两边都没有计数器。我想问你是否也可以绘制这样的地图。像map:key1->chair，key2->table，key3->masksNo一样，这是不可能的，因为对象是无序的。你不应该这样做。如果需要有序的项目列表，请使用数组。如果需要键->值关联，请使用对象。物体中没有“第三件事”这样的东西。哇，谢谢你的回答。如果可能的话，有没有一种方法可以使用像car、chair、table、masks这样的ID和像key1、key2、key3这样的键，并将它们像car->key1、chair->key2、masks->key3那样映射到上面的源代码？我不理解这个问题。var testext={“key1”：“String1/1”，“key2”：“String2/1”，“key4”：“String4/1”，}；没有设置1没有设置2没有设置3没有设置4两边都没有计数器。我想问你是否也可以绘制这样的地图。像map:key1->chair，key2->table，key3->masksNo一样，这是不可能的，因为对象是无序的。你不应该这样做。如果需要有序的项目列表，请使用数组。如果需要键->值关联，请使用对象。物体中没有“第三件事”这样的东西。哇，谢谢你的回答。如果可能的话，是否有一种方法可以使用ID（如汽车、椅子、桌子、面具）和按键（如key1、key2、key3），并将它们映射为car->key1、chair->key2、MASKES->key3，并使用上述来源？？警告：
for。。在
（至少在没有保护的情况下，
.hasOwnProperty
）不是循环对象键的推荐方式。使用
Object.keys（testext）.forEach（…）
要好得多。哇，谢谢你的回答。如果可能的话，是否有一种方法可以使用ID（如汽车、椅子、桌子、面具）和按键（如key1、key2、key3），并将它们映射为car->key1、chair->key2、MASKES->key3，并使用上述来源？？警告：
for。。在
（至少在没有保护的情况下，
.hasOwnProperty
）不是循环对象键的推荐方式。使用
Object.keys（testext）.forEach（…）
要好得多。