Форум

Роман Андреевич · #1 (**permalink**) 06.11.2018, 07:20

Коллеги, доброго времени суток, прошу помощи затупил немного.

Как создать двумерный массив, вида:

arr = [
			[0,1,2],
			[3,4,5],
			[6,7,8],
			[0,3,6],
			[1,4,7],
			[2,5,8],
			[0,4,8],
			[2,4,6]
		];

Т.е. каждый элемент массива arr, должен быть массив. Кол-во элементов, изначально не известно и в дальнейшем не ограниченно, а вот длинна у каждого, должна быть 3.

Заранее благодарю

рони · #2 (**permalink**) 06.11.2018, 07:27

Роман Андреевич,

из чего создать?

Роман Андреевич · #3 (**permalink**) 06.11.2018, 07:31

рони, на вход получаем span элементы, на которые кликнул пользователь. Они должны добавляться в этот массив))

j0hnik · #4 (**permalink**) 06.11.2018, 08:01

<span>1</span>
	<span>2</span>
	<span>3</span>
	<span>4</span>
	<span>5</span>
	<span>6</span>
	<script>

		var arr = [[]], i = 0;
	document.querySelectorAll('span').forEach(el=>el.onclick=e=>{
		if(arr[i].length == 3) {
			arr.push([]);
			i++;
		}
		arr[i].push(el.textContent);
		console.log(arr);
	});

	</script>

Роман Андреевич · #5 (**permalink**) 06.11.2018, 08:10

j0hnik, спасибо за помощь))))

рони · #6 (**permalink**) 06.11.2018, 08:10

Роман Андреевич,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  span{
      height: 50px;
      width: 50px;
      background-color: #EEE8AA;
       display: inline-block;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
    var a = [
        []
    ];
    $("body").on("click", "span", function() {
        var b = $(this).data("num"),
            c = a[a.length - 1];
        3 == c.length ? a.push([b]) : c.push(b);
        $(".out").text(JSON.stringify(a, null, 4))
    })
});
  </script>
</head>

<body>
<span data-num="0">0</span>
<span data-num="1">1</span>
<span data-num="2">2</span>
<span data-num="3">3</span>
<span data-num="4">4</span>
<span data-num="5">5</span>
<span data-num="6">6</span>
<span data-num="7">7</span>
<span data-num="8">8</span>
<span data-num="9">9</span>
<div class="out"></div> </body>
</html>

Форум

Справочник

Discord чат

Курсы javascript