Hướng dẫn how do you slice an array of objects in javascript? - làm thế nào để bạn cắt một mảng các đối tượng trong javascript?

Question

1. Công cộng
2. Câu hỏi
6. Tập thể
  Nội dung chính Show
7. Khám phá tập thể
1. Đội
  Stack Overflow cho các nhóm - Bắt đầu hợp tác và chia sẻ kiến thức tổ chức. Tạo một đội miễn phí tại sao các đội? – Start collaborating and sharing organizational knowledge.
  Create a free Team Why Teams?
2. Đội

Stack Overflow cho các nhóm - Bắt đầu hợp tác và chia sẻ kiến thức tổ chức. Tạo một đội miễn phí tại sao các đội?

Tập thể ™ trên Stack Overflow

Tìm nội dung tập trung, đáng tin cậy và hợp tác xung quanh các công nghệ bạn sử dụng nhiều nhất.

Tìm hiểu thêm về tập thể 3 years, 11 months ago

Đã hỏi 3 năm, 11 tháng trước 20k times

Đã xem 20k lần

const books =[ 
{id: "1", name: "twilight", category: "Movies", price: 10}, 
{id: "2", name: "jaws", category: "Movies", price: 22}, 
{id: "3", name: "the shining", category: "Movies", price: 1},
{id: "4", name: "beers", category: "Movies", price: 10}, 
{id: "5", name: "apples", category: "Movies", price: 22}, 
{id: "6", name: "mono", category: "Movies", price: 1}
]

Tôi có một loạt các đối tượng như thế này:

Cố gắng cắt lớp 2 đầu tiên, sau đó 2 thứ hai, v.v.

Làm thế nào tôi có thể cắt ngang 2 cuốn sách vào thời điểm đó?
JavaScript
Mảng

LodashOct 31, 2018 at 4:12

Đã hỏi ngày 31 tháng 10 năm 2018 lúc 4:12bier hier

Bier Hierbier Hier39 gold badges87 silver badges159 bronze badges

3

18.8K39 Huy hiệu vàng87 Huy hiệu bạc159 Huy hiệu đồng
có thể giống như một chút giống như đầu ra mong muốn của bạn ..
Ngày 31 tháng 10 năm 2018 lúc 4:15
Cắt lát 2 mặt hàng đầu tiên sau đó là cặp đôi thứ hai, v.v.
Ngày 31 tháng 10 năm 2018 lúc 4:16
Cắt lát 2 mặt hàng đầu tiên sau đó là cặp đôi thứ hai, v.v.

Ngày 31 tháng 10 năm 2018 lúc 4:16

Array.prototype.slice()

Bất kỳ lý do cho việc không sử dụng
const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}
1? Điều đó sẽ giúp bạn có được 2 đầu tiên, sau đó bạn sẽ phải tiếp tục tăng các chỉ mục để có được các phần còn lại

8 câu trả lời

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

Phương thức Slice () trả về một bản sao nông của một phần của một mảng vào một đối tượng mảng mới được chọn từ đầu đến cuối (không bao gồm kết thúc). Mảng ban đầu sẽ không được sửa đổi.Oct 31, 2018 at 4:32

Hãy thử với vòng lặp

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

2 với mức tăng 2 trong mỗi lần lặp. Chuyển giá trị hiện tại của

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

3 làm vị trí bắt đầu và

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

4 làm vị trí cuối làm tham số phương thức:Mamun

Đã trả lời ngày 31 tháng 10 năm 2018 lúc 4:329 gold badges45 silver badges55 bronze badges

Mamunmamun

let slicedBooks = []
for(var i = 0;i < books.length;i+= 2){
    let part_slice = books.slice(i, 2 + i);
    slicedBooks.push(part_slice);
    console.log(part_slice);
}
console.log(slicedBooks);

63.2K9 Huy hiệu vàng45 Huy hiệu bạc55 Huy hiệu Đồng

Bạn có thể sử dụng hàm lát cắt số lượng sách sang lát (tức là 2):

Hãy cẩn thận cắt không cập nhật mảng sách, nhưng trả về một mảng mới.2 gold badges18 silver badges51 bronze badges

VishnudevOct 31, 2018 at 4:15

9,9542 Huy hiệu vàng18 Huy hiệu bạc51 Huy hiệu đồngRussell

Đã trả lời ngày 31 tháng 10 năm 2018 lúc 4:1523 gold badges80 silver badges124 bronze badges

1

Russellrussell
17.2K23 Huy hiệu vàng80 Huy hiệu bạc124 Huy hiệu đồng

Món lát đó sẽ trả lại mọi thứ trên mảng bắt đầu từ INDEX 2, không chính xác là những gì anh ấy đang tìm kiếm, đó là nhận các yếu tố trong các nhóm của hai

return books.slice(0,2).map((book, i) => {
      return;
    });

Ngày 31 tháng 10 năm 2018 lúc 4:18Oct 3, 2019 at 12:03

Bạn có thể sử dụng thử phương pháp lát cắt nàyChetan

Đã trả lời ngày 3 tháng 10 năm 2019 lúc 12:031 silver badge8 bronze badges

Chetanchetan

_.chunk(books, 2)

1341 Huy hiệu bạc8 Huy hiệu đồng

const books = [ 
    {id: "1", name: "twilight", category: "Movies", price: 10}, 
    {id: "2", name: "jaws", category: "Movies", price: 22}, 
    {id: "3", name: "the shining", category: "Movies", price: 1},
    {id: "4", name: "beers", category: "Movies", price: 10}, 
    {id: "5", name: "apples", category: "Movies", price: 22}, 
    {id: "6", name: "mono", category: "Movies", price: 1}
  ],
  res = _.chunk(books, 2);
  
console.log(res);

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

Vì bạn đang sử dụng Lodash, bạn có thể sử dụng

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

5 (Lodash#chunk) để điền một mảng mảng chứa 2 đầu tiên, sau đó là 2 thứ hai, v.v.

Đây là một ví dụ làm việc:Oct 31, 2018 at 5:20

3

Bây giờ, bạn có mảng chunk, lặp đi lặp lại và lấy từng thứ một để có được chính xác những gì bạn cần!
Đã trả lời ngày 31 tháng 10 năm 2018 lúc 5:20

@BierHier Vì vậy, kết quả bị chia rẽ có tất cả các cặp vợ chồng, cho cặp vợ chồng đầu tiên

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

6 cho cặp đôi thứ hai

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

7, v.v. về cơ bản bạn có thể lặp lại (như tôi đã đề cập trong câu trả lời)

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

8 và lấy từng cặp một.

Ngày 31 tháng 10 năm 2018 lúc 6:24

Không phải ai cũng muốn (hoặc có thể) sử dụng lodash, đó là một sự trừu tượng. Ngôn ngữ có thể làm điều này và sẽ hữu ích hơn khi thấy điều đó, thay vì một lối tắt.
Ngày 4 tháng 2 năm 2020 lúc 15:22

@Tsarbomba cũng có thể được thực hiện. Nhưng nó không phải là về

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

9 mà nó cụ thể về trường hợp của OP vì anh ta đã gắn thẻ lodash trong câu hỏi.

function two_at_a_time(arr, func){
    for(var i=0; i < arr.length - 1; i++){
        func(arr[i], arr[i + 1]);
    }
}

two_at_a_time(books, function(current, next){
    console.log(current, next);
});

Ngày 4 tháng 2 năm 2020 lúc 19:41Oct 31, 2018 at 4:20

Sử dụng một bộ lặp góa phụ trượt, hai bên trong một bộ 2 cuốn sách cùng một lúcVishnudev

Hãy cẩn thận cắt không cập nhật mảng sách, nhưng trả về một mảng mới.2 gold badges18 silver badges51 bronze badges

Vishnudev

for (var i=0; i<books.length; i+=2) {
    console.log(books.slice(i, i+2));
}

9,9542 Huy hiệu vàng18 Huy hiệu bạc51 Huy hiệu đồng

Đã trả lời ngày 31 tháng 10 năm 2018 lúc 4:15Oct 31, 2018 at 4:21

RussellrussellAndreas

17.2K23 Huy hiệu vàng80 Huy hiệu bạc124 Huy hiệu đồng10 gold badges20 silver badges23 bronze badges

Món lát đó sẽ trả lại mọi thứ trên mảng bắt đầu từ INDEX 2, không chính xác là những gì anh ấy đang tìm kiếm, đó là nhận các yếu tố trong các nhóm của hai

var chunckedArray = function(books, chunkCount){
     var chunks = [];
     while(books.length){
         chunks.push(books.splice(0, chunkCount));
     }
     return chunks;
};

chunckedArray(books, 2); // [Array(2), Array(2), Array(2)]

Ngày 31 tháng 10 năm 2018 lúc 4:18Oct 31, 2018 at 4:36

Bạn có thể sử dụng thử phương pháp lát cắt nàyPankaj Bisht

Đã trả lời ngày 3 tháng 10 năm 2019 lúc 12:031 gold badge8 silver badges27 bronze badges

Chetanchetan

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

0

1341 Huy hiệu bạc8 Huy hiệu đồngJul 27, 2020 at 8:36

Vì bạn đang sử dụng Lodash, bạn có thể sử dụng

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

5 (Lodash#chunk) để điền một mảng mảng chứa 2 đầu tiên, sau đó là 2 thứ hai, v.v.dazzafact

Đây là một ví dụ làm việc:3 gold badges27 silver badges44 bronze badges

Bây giờ, bạn có mảng chunk, lặp đi lặp lại và lấy từng thứ một để có được chính xác những gì bạn cần!
Đã trả lời ngày 31 tháng 10 năm 2018 lúc 5:20

@BierHier Vì vậy, kết quả bị chia rẽ có tất cả các cặp vợ chồng, cho cặp vợ chồng đầu tiên

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

6 cho cặp đôi thứ hai

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

7, v.v. về cơ bản bạn có thể lặp lại (như tôi đã đề cập trong câu trả lời)

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

8 và lấy từng cặp một.

Ngày 31 tháng 10 năm 2018 lúc 6:24

Không phải ai cũng muốn (hoặc có thể) sử dụng lodash, đó là một sự trừu tượng. Ngôn ngữ có thể làm điều này và sẽ hữu ích hơn khi thấy điều đó, thay vì một lối tắt.
Ngày 4 tháng 2 năm 2020 lúc 15:22

@Tsarbomba cũng có thể được thực hiện. Nhưng nó không phải là về

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

9 mà nó cụ thể về trường hợp của OP vì anh ta đã gắn thẻ lodash trong câu hỏi.

Ngày 4 tháng 2 năm 2020 lúc 19:41
Sử dụng một bộ lặp góa phụ trượt, hai bên trong một bộ 2 cuốn sách cùng một lúc
Đã trả lời ngày 31 tháng 10 năm 2018 lúc 4:20
Vishnudevvishnudev

Bạn có thể sử dụng vòng lặp

const books =[ 
  {id: "1", name: "twilight", category: "Movies", price: 10}, 
  {id: "2", name: "jaws", category: "Movies", price: 22}, 
  {id: "3", name: "the shining", category: "Movies", price: 1},
  {id: "4", name: "beers", category: "Movies", price: 10}, 
  {id: "5", name: "apples", category: "Movies", price: 22}, 
  {id: "6", name: "mono", category: "Movies", price: 1}
]

for(var i=0; i<books.length; i+=2){
  var sliced = books.slice(i, i+2);
  console.log(sliced);
}

2 với 2 bước tại một thời điểm cho chỉ mục và cắt lát dựa trên chỉ mục hiện tại.

Điều này cũng hoạt động ngay cả khi có số lượng sách lẻ
Đã trả lời ngày 31 tháng 10 năm 2018 lúc 4:21
Andreasandreas
2.38510 Huy hiệu vàng20 Huy hiệu bạc23 Huy hiệu Đồng
Bạn cũng có thể thử đoạn mã này -
Thực hiện loại động trong c
Đó là ngày trong tuần nào?
Có phải người nghiền không có ý nghĩa đối với một nhân vật nhỏ?
Là các tên miền phụ trang web bắt đầu với "www." và những người không bắt đầu với "www." Một và cùng một điều?
Tìm một từ trong từ điển của tất cả các từ có thể
Làm thế nào để tamales nấu?
Có phải Gandalf và Smeagol đã từng gặp trước khi Smeagol có được một chiếc nhẫn?
Ở mức độ nào chất lượng dữ liệu phát trong độ chính xác của một mô hình?
Kể từ khi VOC và EIC, đã có các quốc gia điều hành rõ ràng vì lợi nhuận?
Postcript vs PCXL trong ảnh in và thiết kế phức tạp
Lấy máy in và hộp mực LaserJet trên chuyến bay

nhiều câu hỏi nóng hơn

Nguồn cấp dữ liệu câu hỏi

Sự riêng tư của bạn

Bằng cách nhấp vào Chấp nhận tất cả các cookie, bạn đồng ý Stack Exchange có thể lưu trữ cookie trên thiết bị của bạn và tiết lộ thông tin theo chính sách cookie của chúng tôi.

Bạn có thể cắt các đối tượng trong JavaScript không?

Phương thức Slice () trả về một bản sao của phần của một mảng thành một đối tượng mảng mới. Đối tượng này được chọn từ đầu đến cuối. Như một lưu ý, mảng ban đầu sẽ không được sửa đổi. Ngoài ra, nếu một phần tử mới được thêm vào một trong các mảng, mảng khác sẽ không bị ảnh hưởng.. This object is selected from start to end . As a note, the original array will not be modified. Also, if a new element is added to one of the arrays, the other array will not be affected.

Làm thế nào để bạn chia một mảng các đối tượng?

Phương thức mảng splice () JS.Phương thức splice () là một phương thức tích hợp cho các đối tượng mảng javaScript.Nó cho phép bạn thay đổi nội dung của mảng của bạn bằng cách xóa hoặc thay thế các yếu tố hiện có bằng các phần tử mới.Phương thức này sửa đổi mảng ban đầu và trả về các phần tử bị loại bỏ thành một mảng mới.change the content of your array by removing or replacing existing elements with new ones. This method modifies the original array and returns the removed elements as a new array.

Làm thế nào để bạn chia một mảng trong JavaScript?

Phương thức Split () chia một chuỗi thành một mảng các chuỗi con.Phương thức chia () trả về mảng mới.Phương thức chia () không thay đổi chuỗi gốc.Nếu ("") được sử dụng làm dấu phân cách, chuỗi được phân chia giữa các từ.. The split() method returns the new array. The split() method does not change the original string. If (" ") is used as separator, the string is split between words.

Bạn có thể sử dụng lát cắt trên mảng không?

Phương thức Slice () có thể được sử dụng để tạo một bản sao của một mảng hoặc trả về một phần của một mảng.Điều quan trọng cần lưu ý là phương thức Slice () không làm thay đổi mảng gốc mà thay vào đó tạo ra một bản sao nông.Chúng ta hãy xem một số ví dụ để hiểu rõ hơn về cách thức hoạt động của phương thức Slice ().. It is important to note that the slice() method does not alter the original array but instead creates a shallow copy. Let's take a look at some examples to better understand how the slice() method works.