Javascript 在foreach循环中使用两个数组值
我有以下循环:Javascript 在foreach循环中使用两个数组值,javascript,arrays,Javascript,Arrays,我有以下循环: var array = ["Value 1", "Value 2", "Value 3"]; var textArray = ["Text 1", "Text 2", "Text 3"]; array.forEach(function(arr) { $(".department").append('<option value="' + array + '">' + textArray + '</option>'); }); 我的输出如下所示: &l
var array = ["Value 1", "Value 2", "Value 3"];
var textArray = ["Text 1", "Text 2", "Text 3"];
array.forEach(function(arr) {
$(".department").append('<option value="' + array + '">' + textArray + '</option>');
});
我的输出如下所示:
<option value="Value 1,Value 2,Value 3">Text 1</option>
<option value="Value 1,Value 2,Value 3">Text 2</option>
Text 1
文本2
鉴于我正在寻找:
<option value="Value 1">Text 1</option>
<option value="Value 2">Text 2</option>
Text 1
文本2
只需对索引执行一个普通的循环,并从两个数组中获取元素
var array = ["Value 1", "Value 2", "Value 3"],
textArray = ["Text 1", "Text 2", "Text 3"];
for (let i = 0; i < array.length; i++) {
$(".department").append('<option value="' + array[i] + '">' + textArray[i] + '</option>');
}
var数组=[“值1”、“值2”、“值3”],
textArray=[“文本1”、“文本2”、“文本3”];
for(设i=0;i
只需对索引执行一个普通的循环,并从两个数组中获取元素
var array = ["Value 1", "Value 2", "Value 3"],
textArray = ["Text 1", "Text 2", "Text 3"];
for (let i = 0; i < array.length; i++) {
$(".department").append('<option value="' + array[i] + '">' + textArray[i] + '</option>');
}
var数组=[“值1”、“值2”、“值3”],
textArray=[“文本1”、“文本2”、“文本3”];
for(设i=0;i
传递数组时未使用索引。而是传递整个数组
var array = ["Value 1", "Value 2", "Value 3"];
var textArray = ["Text 1", "Text 2", "Text 3"];
array.forEach(function(arr,index) {
$(".department").append('<option value="' + arr + '">' + textArray[index] + '</option>');
});
var数组=[“值1”、“值2”、“值3”];
var textArray=[“文本1”、“文本2”、“文本3”];
forEach(函数(arr,index){
$(“.department”).append(“”+textArray[index]+“”);
});
传递数组时未使用索引。而是传递整个数组
var array = ["Value 1", "Value 2", "Value 3"];
var textArray = ["Text 1", "Text 2", "Text 3"];
array.forEach(function(arr,index) {
$(".department").append('<option value="' + arr + '">' + textArray[index] + '</option>');
});
var数组=[“值1”、“值2”、“值3”];
var textArray=[“文本1”、“文本2”、“文本3”];
forEach(函数(arr,index){
$(“.department”).append(“”+textArray[index]+“”);
});
var html='default';
变量数组=[“值1”、“值2”、“值3”];
var textArray=[“文本1”、“文本2”、“文本3”];
对于(var i=0;i
var html='default';
变量数组=[“值1”、“值2”、“值3”];
var textArray=[“文本1”、“文本2”、“文本3”];
对于(var i=0;i
给你想要的结果的方法之一
var array = ["Value 1", "Value 2", "Value 3"];
var textArray = ["Text 1", "Text 2", "Text 3"];
const options = Object.assign({}, ...array.map((key, index) => {
return {
[key]: textArray[index]
};
}));
Object.keys(options).forEach(optionKey => {
$(".department").append('<option value="' + optionKey + '">' + options[optionKey] + '</option>');
});
var数组=[“值1”、“值2”、“值3”];
var textArray=[“文本1”、“文本2”、“文本3”];
const options=Object.assign({},…array.map((键,索引)=>{
返回{
[键]:textArray[索引]
};
}));
Object.keys(options).forEach(optionKey=>{
$(“.department”).append(“”+options[optionKey]+“”);
});
另一个解决方案
var array = ["Value 1", "Value 2", "Value 3"];
var textArray = ["Text 1", "Text 2", "Text 3"];
const options = Object.assign({}, ...array.map((key, index) => {
return {
[key]: textArray[index]
};
}));
Object.entries(options).forEach(option => {
$(".department").append('<option value="' + option[0] + '">' + option[1] + '</option>');
});
var数组=[“值1”、“值2”、“值3”];
var textArray=[“文本1”、“文本2”、“文本3”];
const options=Object.assign({},…array.map((键,索引)=>{
返回{
[键]:textArray[索引]
};
}));
Object.entries(options).forEach(option=>{
$(“.department”).append(“”+选项[1]+“”);
});
给你想要的结果的方法之一
var array = ["Value 1", "Value 2", "Value 3"];
var textArray = ["Text 1", "Text 2", "Text 3"];
const options = Object.assign({}, ...array.map((key, index) => {
return {
[key]: textArray[index]
};
}));
Object.keys(options).forEach(optionKey => {
$(".department").append('<option value="' + optionKey + '">' + options[optionKey] + '</option>');
});
var数组=[“值1”、“值2”、“值3”];
var textArray=[“文本1”、“文本2”、“文本3”];
const options=Object.assign({},…array.map((键,索引)=>{
返回{
[键]:textArray[索引]
};
}));
Object.keys(options).forEach(optionKey=>{
$(“.department”).append(“”+options[optionKey]+“”);
});
另一个解决方案
var array = ["Value 1", "Value 2", "Value 3"];
var textArray = ["Text 1", "Text 2", "Text 3"];
const options = Object.assign({}, ...array.map((key, index) => {
return {
[key]: textArray[index]
};
}));
Object.entries(options).forEach(option => {
$(".department").append('<option value="' + option[0] + '">' + option[1] + '</option>');
});
var数组=[“值1”、“值2”、“值3”];
var textArray=[“文本1”、“文本2”、“文本3”];
const options=Object.assign({},…array.map((键,索引)=>{
返回{
[键]:textArray[索引]
};
}));
Object.entries(options).forEach(option=>{
$(“.department”).append(“”+选项[1]+“”);
});
使用映射和文字模板
注意:append只执行一次DOM更新,这是推荐的
注意:似乎在append中甚至不需要.join(“”)
var数组=[“值1”、“值2”、“值3”],
textArray=[“文本1”、“文本2”、“文本3”],
options=array.map((val,i)=>`${textArray[i]}`);
$(“.department”)。附加(选项)代码>
请选择
使用映射和文字模板
注意:append只执行一次DOM更新,这是推荐的
注意:似乎在append中甚至不需要.join(“”)
var数组=[“值1”、“值2”、“值3”],
textArray=[“文本1”、“文本2”、“文本3”],
options=array.map((val,i)=>`${textArray[i]}`);
$(“.department”)。附加(选项)代码>
请选择
您可以使用函数map
创建对象数组,然后将该数组附加到所需元素
这是一种枯燥的方法,如果您想添加一些特性/行为,也可以使用该对象,请阅读文档了解更多详细信息
let数组=[“值1”、“值2”、“值3”];
让textArray=[“文本1”、“文本2”、“文本3”];
$(“.department”).append(array.map((v,i)=>新选项(textary[i],v))代码>
请选择
您可以使用函数map
创建对象数组,然后将该数组附加到所需元素
这是一种枯燥的方法,如果您想添加一些特性/行为,也可以使用该对象,请阅读文档了解更多详细信息
let数组=[“值1”、“值2”、“值3”];
让textArray=[“文本1”、“文本2”、“文本3”];
$(“.department”).append(array.map((v,i)=>新选项(textary[i],v))代码>
请选择
将
更改为
数组.forEach(函数(项,i){$(“.department”).append(''+textary[i]+'';})代码>将
更改为
数组.forEach(函数(项,i){$(“.department”).append(“”+textArray[i]+“”);})代码>哇。没有地图/地图?所以我比你多一次;))是的,三次。如果不需要,一个包含所有选项的字符串会有帮助。@NinaScholz bro,你能把我添加到discord上吗?这样当我被JS绊倒时我就可以问问题了。我目前是一个初学者,有时在Stackoverflow上我会粘贴太多代码,甚至在我做了研究之后也会被否决。我会付给你xd xd#4536。当我感到困惑时,如果有人能偶尔帮我一下,那就方便多了。@El