JavaScript shift () xóa một phần tử tại một vị trí được chỉ định và dịch chuyển các phần tử còn lại lên trên. Hàm unshift () trong JavaScript làm ngược lại. unshift () thêm một phần tử mới tại một vị trí cụ thể và chuyển các phần tử còn lại xuống danh sách.
Bạn có thể quyết định rằng bạn muốn thêm hoặc bớt một mục ở đầu danh sách. Giả sử bạn lập danh sách những nhân viên bán hàng hàng đầu. Bạn muốn chèn người bán hàng đầu số một vào đầu danh sách.
Đó là nơi mà JavaScript shift () và unshift () các hàm có trong. shift () và unshift () được sử dụng để xóa và thêm các mục vào đầu danh sách, tương ứng. Các hàm này tương tự như hàm push () và pop () hàm, mặc dù shift () và unshift () chỉ hỗ trợ xóa và thêm các mục vào đầu danh sách.
Hướng dẫn này sẽ khám phá cách sử dụng shift () và unshift () để xóa và thêm các mục vào đầu một mảng. Ngoài ra, chúng ta sẽ xem qua một ví dụ về từng hàm này trong một chương trình JavaScript.
JavaScript shift
shift () là một hàm JavaScript được tích hợp sẵn để loại bỏ phần tử đầu tiên khỏi một mảng. shift () hàm sửa đổi trực tiếp mảng JavaScript mà bạn đang làm việc. shift () trả về mục bạn đã xóa khỏi mảng.
shift () hàm loại bỏ mục ở vị trí chỉ mục 0 và dịch chuyển các giá trị ở các số chỉ mục trong tương lai xuống một. Nếu bạn đang đấu tranh để nhớ mục đích của shift () hãy tự nói với bản thân điều này:
shift () ca các giá trị chỉ mục trong một mảng giảm xuống một.
shift () trả về không xác định nếu bạn sử dụng shift () chức năng trên một danh sách trống.
81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.
Sinh viên tốt nghiệp bootcamp trung bình dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.
Đây là cú pháp cho JavaScript shift () chức năng:
array_name.shift ()
Mảng JavaScript shift () hàm không có tham số. Điều này là do shift () chỉ thực hiện một chức năng. shift () xóa một mục khỏi phần cuối của một mảng. Nếu shift () cho phép bạn xóa một mục khỏi bất kỳ vị trí nào, thì một tham số sẽ cần thiết.
Ví dụ về Shift JavaScript
Hãy xem qua một ví dụ để giải thích cách shift () phương pháp hoạt động.
Giả sử bạn là quản lý của một đội bán hàng dược phẩm. Bạn muốn tạo danh sách những nhân viên bán hàng hàng đầu của tháng này. Để bắt đầu, bạn có danh sách những nhân viên bán hàng hàng đầu của tháng trước. Bạn muốn xóa Mark khỏi đầu danh sách. Mark đã không lọt vào danh sách vào tháng trước vì anh ấy đang đi nghỉ trong hai tuần.
Chúng tôi có thể sử dụng shift () chức năng xóa tên của Mark lên đầu danh sách. Đây là một ví dụ về shift () được sử dụng để thêm Heather vào đầu danh sách nhân viên bán hàng hàng đầu:
let top_salespeople =['Mark', 'Lucy', 'Graham', 'Carol', 'Ann']; top_salespeople.shift (); console.log (top_salespeople);
Mã của chúng tôi trả về:
['Lucy', 'Graham', 'Carol', 'Ann']
Hãy giải thích những gì đang xảy ra trong mã của chúng tôi. Trên dòng đầu tiên, chúng tôi khai báo một mảng có tên “ top_salespeople ”Nơi lưu trữ những nhân viên bán hàng hàng đầu trong nhóm bán hàng dược phẩm. Sau đó, chúng tôi sử dụng shift () chức năng xóa giá trị đầu tiên khỏi danh sách. Cuối cùng, chúng tôi sử dụng console.log () để in ra bảng điều khiển danh sách đã sửa đổi.
Như bạn có thể thấy, shift () chức năng đã xóa Đánh dấu khỏi danh sách, người xuất hiện ở vị trí đầu tiên.
top_salespeople mảng không còn chứa Mark. Điều này là do shift () hàm thay đổi mảng ban đầu. Nó không tạo ra một mảng mới với những sửa đổi mà chúng tôi đã thực hiện.
Chưa chuyển JavaScript
Mảng JavaScript unshift () hàm thêm một hoặc nhiều phần tử vào đầu một mảng. unshift () hàm thay đổi mảng và trả về độ dài của mảng mới.
Đây là cú pháp cho unshift () chức năng:
array_name.unshift (item_one, item_two,…)
unshift () hàm nhận vào nhiều tham số như bạn chỉ định. Tất cả các tham số này sẽ được thêm vào đầu mảng.
Ví dụ JavaScript Unshift
Hãy xem qua một ví dụ và thảo luận về cách unshift () chức năng hoạt động.
Một nhân viên tên là Hannah đã có một tháng tuyệt vời trong đội ngũ bán hàng của chúng tôi. Cô ấy đã thăng tiến lên vị trí thứ nhất trong danh sách những nhân viên bán hàng hàng đầu. Chúng tôi muốn thêm Hannah vào vị trí đầu tiên trong top_salespeople của chúng tôi mảng. Chúng tôi có thể sử dụng mã sau để thực hiện nhiệm vụ này:
let top_salespeople =['Lucy', 'Graham', 'Carol', 'Ann']; top_salespeople.unshift ('Hannah'); console.log (top_salespeople); Khi chúng tôi chạy mã của mình, phản hồi sau được trả về bảng điều khiển:
['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']
Như bạn có thể thấy, tên của Hannah đã được thêm vào đầu danh sách của chúng tôi. unshift () hàm hoạt động theo cách tương tự như shift () nhưng có hai điểm khác biệt: unshift () thêm một mục vào đầu danh sách và chấp nhận mục đó làm tham số.
Đội ngũ bán hàng của chúng tôi đã được mở rộng. Hai nhân viên mới của chúng tôi đã cố gắng vươn lên dẫn đầu nhóm bán hàng về doanh số bán hàng chỉ trong một tháng. Chúng tôi muốn thêm những nhân viên này vào top_salespeople của chúng tôi danh sách. Geoff sẽ xuất hiện ở đầu danh sách và Peter sẽ xuất hiện ở vị trí thứ hai.
Mã này cập nhật danh sách những nhân viên bán hàng hàng đầu:
let top_salespeople =['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']; top_salespeople.unshift ('Geoff', 'Peter'); console.log (top_salespeople);
Mã của chúng tôi trả về:
['Geoff', 'Peter', 'Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']
Mã ví dụ thứ hai này hoạt động theo cách tương tự như ví dụ đầu tiên của chúng tôi. Có một sự khác biệt. Trong ví dụ thứ hai, chúng tôi đã chỉ định hai tham số trong unshift () thay vì một chức năng.
Như bạn có thể thấy, các tham số này đã được thêm vào đầu danh sách của chúng tôi theo thứ tự mà chúng tôi đã chỉ định. Geoff xuất hiện đầu tiên và Peter xuất hiện thứ hai.
Kết luận
shift () hàm cho phép bạn xóa một mục khỏi đầu một mảng. Chiếc unshift () hàm thêm một hoặc nhiều mục vào đầu một mảng.
Hướng dẫn này đã thảo luận về cách sử dụng cả shift () và unshift () các hàm thao tác với mảng trong JavaScript. Chúng ta đã xem qua các bài tập JavaScript cho từng hàm này đang hoạt động.