代码之家 › 专栏 › 技术社区 › Mona Coder

利用循环从多维数组中获取数据

arrays jquery javascript

Mona Coder · 技术社区 · 6 年前

我试图找出为什么我不能每3秒分别获取每个项目数组的单个值。

如您所见,我正在获取整个数组值,而不是单独获取它们。我需要它得到什么,然后单独和控制台日志结束每一级数组

var imgs = [
  [
    ['#fff', '#eee'],
    ['#117A65', '#E74C3C'],
    ['#F39C12', '#AF7AC5']
  ],
  [
    ['#7B241C  ', '#eee'],
    ['#117A65', '#909497  ']
  ],
  [
    ['#17A589', '#626567']
  ],
  [
    ['#5499C7', '#eee'],
    ['#117A65', '#884EA0']
  ],
];
for (let i = 0; i < imgs.length; i++) {
  for (let j = 0; j < imgs[i].length; j++) {
    for (let b = 0; b < imgs[j].length; b++) {
      (function(index) {
        setTimeout(function() {
          console.log(imgs[i][j][b]);
        }, i * 3000);
      })(i);
    }
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

1 回复 | 直到 6 年前

Jack Bashford 6 年前

只是 flat 数组并使用一个循环:

var imgs=[[['#fff','#eee'],['#117A65','#E74C3C'],['#F39C12','#AF7AC5']],[['#7B241C  ','#eee'],['#117A65','#909497  ']],[['#17A589','#626567']],[['#5499C7','#eee'],['#117A65','#884EA0']]];

const flattened = imgs.flat(2);

for (let i = 0; i < flattened.length; i++) {
  console.log(flattened[i]);
}

.as-console-wrapper { max-height: 100% !important; top: auto; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

如果您需要在每个第一级迭代之后执行某些操作,则应该使用经典的 for 循环:

var imgs=[[['#fff','#eee'],['#117A65','#E74C3C'],['#F39C12','#AF7AC5']],[['#7B241C  ','#eee'],['#117A65','#909497  ']],[['#17A589','#626567']],[['#5499C7','#eee'],['#117A65','#884EA0']]];

for (let i = 0; i < imgs.length; i++) {
  for (let j = 0; j < imgs[i].length; j++) {
    for (let k = 0; k < imgs[i][j].length; k++) {
      console.log(imgs[i][j][k]);
    }
  }
  console.log("First level iteration complete - callback here!");
}

。作为控制台包装{最大高度:100%!重要;顶部:auto;}

<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

11 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前