数组中的JavaScript Foreach值为字符串

寻求JS的一些帮助.我有一个数组的数组

var totalOrder = []
function CafeService(meal, starter, main, dessert){//takes value from text Box input
var customerOrder = [meal, starter, main, dessert]

totalOrder.push(customerOrder ); 
}

这是正确填充的.可以有无限量的订单.我想在送到厨房之前查看订单.如何将数组中的每个索引放入字符串中,例如填充以下内容

var mealTime;
var mealStarter;
var mealMain;
var mealDessert;

我希望我需要为每个人做一个吗?

foreach (customerOrder in totalOrder){
    var mealTime; //how to populate
    var mealStarter;
    var mealMain;
    var mealDessert;
}

通过一个客户订单编辑总订单:

var totalOrder = ["Breakfast","Coffee","Toast","Apple"]

解决方法:

您可以使用它们的索引简单地影响这些变量:

var totalOrder = [];

function CafeService(meal, starter, main, dessert) {
  var customerOrder = [meal, starter, main, dessert];
  totalOrder.push(customerOrder);
}

CafeService('1', 'Salad', 'Hamburger', 'Soda');
CafeService('1', 'Salad', 'Hamburger', 'Soda');
CafeService('1', 'Salad', 'Hamburger', 'Soda');

totalOrder.forEach(function (customerOrder) {
  var mealTime = customerOrder[0];
  var mealStarter = customerOrder[1];
  var mealMain = customerOrder[2];
  var mealDessert = customerOrder[3];
  
  console.log(mealTime, mealStarter, mealMain, mealDessert);
});

或者,如果您使用ES6语法,则可以使用destructuring assignment

var totalOrder = [];

function CafeService(meal, starter, main, dessert) {
  var customerOrder = [meal, starter, main, dessert];
  totalOrder.push(customerOrder);
}

CafeService('1', 'Salad', 'Hamburger', 'Soda');
CafeService('1', 'Salad', 'Hamburger', 'Soda');
CafeService('1', 'Salad', 'Hamburger', 'Soda');

totalOrder.forEach(function (customerOrder) {
  var [mealTime, mealStarter, mealMain, mealDessert] = customerOrder;
  
  console.log(mealTime, mealStarter, mealMain, mealDessert);
});

注意我使用了.forEach而不是for … in for reasons;经典的for-loop也是一个有效的选择.您可以将for...of与ES6一起使用.

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...