Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在foreach循环中使用两个数组值_Javascript_Arrays - Fatal编程技术网

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