Hướng dẫn javascript move item up or down in array - javascript di chuyển mục lên hoặc xuống trong mảng

var obj = [{
  "RuleDetailID": "11624",
  "AttributeValue": "172",
  "Value": "Account Manager",
  "IsValueRetired": "0"
}, {
  "RuleDetailID": "11626",
  "AttributeValue": "686",
  "Value": "Agent",
  "IsValueRetired": "0"
}, {
  "RuleDetailID": "11625",
  "AttributeValue": "180",
  "Value": "Analyst",
  "IsValueRetired": "0"
}, {
  "RuleDetailID": "11629",
  "AttributeValue": "807",
  "Value": "Individual Contributor",
  "IsValueRetired": "0"
}, {
  "RuleDetailID": "11627",
  "AttributeValue": "690",
  "Value": "Senior Agent",
  "IsValueRetired": "0"
}];

// Exmaple only, just rendering a table
function renderExample() {
  var table = '';
  for (var key in obj) {
    table += "

Điều này có thể được thực hiện với một cái gì đó như lodash hay nó là một cách tiếp cận thủ công hơn? Tôi đã thử bằng cách lấy chỉ mục của mục đã nhấp và sau đó thực hiện +1 hoặc -1 phù hợp để cung cấp cho tôi chỉ mục mới. Tuy nhiên, tôi không chắc chắn phải làm gì vào thời điểm đó vì một mục khác đã tồn tại ở chỉ mục đó.

Làm thế nào tôi có thể đi về đạt được điều này? Không tìm kiếm một cách tiếp cận jQuery, javascript hoặc một thư viện như lodash.

Đã hỏi ngày 21 tháng 9 năm 2017 lúc 18:21Sep 21, 2017 at 18:21

Bạn có thể sử dụng

var data = [1,2,3,4,5];

function moveItem(from, to) {
  // remove `from` item and store it
  var f = data.splice(from, 1)[0];
  // insert stored item into position `to`
  data.splice(to, 0, f);
}

moveItem(0, 2);

console.log(data);

Đã trả lời ngày 21 tháng 9 năm 2017 lúc 18:38Sep 21, 2017 at 18:38

JamesjamesJames

Huy hiệu vàng 19,9K22 gold badges24 silver badges39 bronze badges

2

Bạn cũng có thể sử dụng cơ chế hoán đổi trường học cũ:

function move(value, positionChange) {
  // On run, move the object in the array up or down respectivly.
  for (var i = 0; i < obj.length; i++) {
    if (obj[i].RuleDetailID == positionChange) {
      var newIndex = value === 'up' ? i - 1 : i + 1;
      if (newIndex >= obj.length || newIndex < 0) return;
      var temp = obj[i];
      obj[i] = obj[newIndex];
      obj[newIndex] = temp;
      document.getElementById('example').innerHTML = renderExample();
    }
  }
}

Đã trả lời ngày 21 tháng 9 năm 2017 lúc 18:52Sep 21, 2017 at 18:52

1

Thay đổi vị trí của một phần tử trong một mảng #

Để thay đổi vị trí của một phần tử trong một mảng:

1. Sử dụng phương thức
   1 để loại bỏ phần tử tại chỉ mục cụ thể khỏi mảng.
2. Sử dụng phương thức
   1 để chèn phần tử vào chỉ mục mới trong mảng.
3. Phương thức
   3 thay đổi mảng ban đầu bằng cách loại bỏ hoặc thay thế các phần tử hiện có hoặc thêm các phần tử mới vào một chỉ mục cụ thể.

Copied!
const arr = ['css', 'js', 'ts'];

const fromIndex = arr.indexOf('css'); // 👉️ 0
const toIndex = 2;

const element = arr.splice(fromIndex, 1)[0];
console.log(element); // ['css']

arr.splice(toIndex, 0, element);

console.log(arr); // 👉️ ['js', 'ts', 'css']

Chúng tôi đã thay đổi vị trí của phần tử mảng với giá trị

Trước tiên chúng tôi đã sử dụng phương thức mảng.Indexof để lấy chỉ mục của phần tử.

Sau đó, chúng tôi đã sử dụng phương thức mảng.splice, chuyển nó các đối số sau đây:

1. Bắt đầu chỉ mục - Chỉ mục để bắt đầu thay đổi mảng - the index at which to start changing the array
2. Xóa đếm - có bao nhiêu phần tử nên bị xóa khỏi mảng - how many elements should be deleted from the array

Chúng tôi chỉ muốn xóa một phần tử duy nhất để chúng tôi đặt đối số đếm xóa thành

Phương thức

Copied!
const arr = ['css', 'js', 'ts'];

const splice = arr.splice(0, 1);
console.log(splice) // 👉️ ['css']

Vì chúng tôi biết rằng chúng tôi chỉ xóa 1 phần tử khỏi mảng, chúng tôi trực tiếp truy cập phần tử mảng tại Index

Bước cuối cùng là gọi lại phương thức

Đối số thứ 3 mà chúng tôi đã chuyển sang phương thức

Chúng tôi đặt đối số chỉ mục bắt đầu thành vị trí mới mà phần tử sẽ được đặt vào.start index argument to the new position the element should be placed in.

Cuối cùng, chúng tôi đặt đối số đếm xóa thành

Trong bài viết này, chúng tôi đã sử dụng phương pháp

• Xóa một phần tử ở một chỉ mục cụ thể khỏi một mảng và nhận được giá trị của nó
• Thêm một phần tử vào một mảng ở một chỉ mục cụ thể

Cá nhân, tôi muốn có 2 phương pháp tích hợp riêng biệt để đạt được 2 mục tiêu rất khác nhau này. Tuy nhiên, đây là cách để làm điều đó trong JavaScript.

Đọc thêm #

• Chuyển đổi mảng thành chuỗi phân tách bằng dấu phẩy trong JavaScript
• Chuyển đổi mảng thành chuỗi mà không có dấu phẩy trong javascript
• Chuyển đổi mảng thành chuỗi với khoảng trống trong JavaScript
• Chuyển đổi chuỗi thành mảng số trong javascript
• Chuyển đổi tất cả các phần tử mảng thành chữ thường trong JavaScript
• Chuyển đổi tất cả các thành phần mảng thành chữ hoa trong JavaScript
• Kiểm tra xem nhiều giá trị có tồn tại trong mảng trong JavaScript không
• Viết hoa chữ cái đầu tiên của mỗi từ trong mảng trong js
• Chuyển đổi chuỗi phân tách bằng dấu phẩy thành mảng trong JavaScript
• Chuyển đổi chuỗi phân tách bằng dấu phẩy thành mảng số trong js
• Thay thế phần tử đầu tiên của một mảng trong JavaScript
• Xóa 2 phần tử cuối cùng khỏi một mảng trong JavaScript

Làm thế nào để bạn di chuyển vị trí của phần tử trong mảng?

Làm thế nào để bạn di chuyển một phần tử lên trong JavaScript?

Reply 1 0 Chia sẻ