Home > Web Front-end > JS Tutorial > body text

How to move elements up and down in a Javascript array

巴扎黑
Release: 2017-08-16 11:09:20
Original
2491 people have browsed it
Preface
We can move elements up and down by exchanging arrays. We will use this effect in tables or previous sorting algorithms. Let’s look at an example of exchanging array elements and moving them up and down in JavaScript.
When writing a project, we need to implement an example of moving up and down array records. It's not troublesome to write, it's nothing more than exchanging array elements. The final implementation code is as follows, the more important thing is that function.
Sample code:
// 交换数组元素
  var swapItems = function(arr, index1, index2) {
    arr[index1] = arr.splice(index2, 1, arr[index1])[0];
    return arr;
  };
   
  // 上移
  $scope.upRecord = function(arr, $index) {
    if($index == 0) {
      return;
    }
    swapItems(arr, $index, $index - 1);
  };
   
  // 下移
  $scope.downRecord = function(arr, $index) {
    if($index == arr.length -1) {
      return;
    }
    swapItems(arr, $index, $index + 1);
  };
Copy after login

Using that method reasonably can achieve top and bottom implementations.

The above is the detailed content of How to move elements up and down in a Javascript array. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template