javascript - 将数组分成两部分

Question

我正在尝试拆分一个包含 n 个元素的数组(数组元素数总是可以除以 2)，例如我有一个包含 20 个元素的数组，现在我可以拆分 the first 10 elements and show it但我不知道如何拆分接下来的 10 个元素，这是我的代码，可以或多或少地了解我想要做的事情:

var array = "1, 5, 4, 3, 2, 6, 7, 8, 6, 55, 4, 33, 67, 7, 65, 45, 34, 32, 12, 23";
var array1 = [];
var array2 = [];

$(document).ready(function() {
  $('#btn').click(function() {
    magic();
  });
});

function magic() {
  var split;
  var data = array.split(",");
  var total = data.length;

  for (var i = 0; i < total / 2; i++) {
    array1.push(data[i]);
  }

  $('#a1').text(array1);

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn">Magic!</button>

<div>
  <h4>Array 1</h4>
  <p id="a1"></p>
</div>

<hr>

<div>
  <h4>Array 1</h4>
  <p id="a2"></p>
</div>

如果您看到我的代码，数组 2 个元素必须是:

4, 33, 67, 7, 65, 45, 34, 32, 12, 23

我应该怎么做才能做到这一点？换句话说，如果我有 50 个元素，我想填充 array 1前 25 个元素和 array 2与其余元素。预先感谢您的帮助!

Answer 1

您可以使用Array#slice

var array = "1, 5, 4, 3, 2, 6, 7, 8, 6, 55, 4, 33, 67, 7, 65, 45, 34, 32, 12, 23";

$(document).ready(function() {
  $('#btn').click(function() {
    magic();
  });
});

function magic() {
  $('#a1').text(array.slice(0, array.length / 2));
  $('#a2').text(array.slice(array.length / 2));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn">Magic!</button>
<div>
  <h4>Array 1</h4>
  <p id="a1"></p>
</div>
<hr>
<div>
  <h4>Array 1</h4>
  <p id="a2"></p>
</div>