- vừa được xem lúc

Giải thích một số JAVASCRIPT ARRAY METHOD với EMOJIS

0 0 33

Người đăng: Lê Minh Giàu

Theo Viblo Asia

Như chúng ta đã biết, Array trong JS có rất nhiều method tiện dụng có thể hỗ trợ chúng ta. Sau đây là một số method thông dụng được giải thích bằng các emoji.

1. Array.push()

Thêm một hoặc nhiều phần tử vào sau mảng.

let livestock = ["?", "?", "?"];
livestock.push("?", "?");
// console.log(livestock);
// ["?", "?", "?", "?", "?"]

2. Array.from()

Tạo mảng mới từ array-like hoặc iterable object.

const wild = "???";
const tamed = Array.from(wild);
// console.log(tamed);
// ["?", "?", "?"]

3. Array.concat()

Gộp 2 hay nhiều mảng thành 1 mảng mới.

const dogs = ["?", "?"];
const cats = ["?", "?", "?"];
const pets = dogs.concat(cats);
// console.log(pets);
// ["?", "?", "?", "?", "?"]

4. Array.every()

Kiểm tra xem mọi phần tử của mảng thỏa điều kiện hay không.

const visitors = ["?", "?", "?", "?", "?"];
const isHuman = e => e === "?";
const onlyHumans = visitors.every(isHuman);
// console.log(onlyHumans);
// false

5. Array.fill()

Thay thế mọi phần tử từ giá trị start đến giá trị end bắng 1 phần tử mong muốn.

let seeds = ["?", "?", "?", "?", "?"];
seeds.fill("?", 1, 4);
// console.log(seeds);
// ["?", "?", "?", "?", "?"]

6. Array.filter()

Lọc những phần tử thỏa điều kiện.

const guests = ["??", "??", "?", "?", "??"];
const singles = guests.filter(g => g.length/2 === 1); // *
// console.log(singles);
// ["?", "?"]

Lưu ý: một emoji có độ dài là 2. Hãy thử nhập "?".length trên console.

7. Array.flat()

Tạo một mảng mới bao gồm mọi phần tử của những mảng con, không bị hạn chế bởi số chiều của mảng.

const savings = ["?", ["?", "?"], ["?", "?"], [[["?"]]]];
const loot = savings.flat(3)
// console.log(loot);
// ["?", "?", "?", "?", "?", "?"];

8. Array.includes()

Kiểm tra xem mảng có chứa phần tử nào đó hay không.

const food = ["?", "?", "?", "?", "?", "?"];
const caught = food.includes("?");
// console.log(caught);
// true

9. Array.join()

Nối toàn bộ phần tử trong mảng thành một chuỗi, có thể dùng thêm chuỗi ngăn cách giữa các phần tử hoặc không.

const devices = ["?", "?️", "?️", "?", "?️"];
const network = devices.join("〰️");
// console.log(network);
// "?〰️?️〰️?️〰️?〰️?️"

10. Array.map()

Gọi hàm với tham số là các giá trị của mảng, lưu từng kết quả vào một mảng mới.

const hungryMonkeys = ["?", "?"];
const feededMonkeys = hungryMonkeys.map(m => m + "?");
// console.log(feededMonkeys);
// ["??", "??"]

11. Array.reverse()

Đảo ngược thứ tự các phần tử của mảng.

let rabbitWins = ["?", "?"];
const hedgehogWins = rabbitWins.reverse();
// console.log(hedgehogWins);
// ["?", "?"]

12. Array.slice()

Tạo một mảng mới bằng cách copy một phần mảng ban đầu từ start đến end index.

const solutionsOfClassmates = ["?", "?", "?", "?"];
const myOwnSolutionReally = solutionsOfClassmates.slice(2, 3);
// console.log(myOwnSolutionReally);
// ["?"]

13. Array.some()

Kiểm tra xem mảng có chứa một hay nhiều phần tử thỏa điều kiện hay không.

const participants = ["?", "?", "?", "?", "?"];
const isLoud = p => p === "?";
const troubles = participants.some(isLoud);
// console.log(troubles);
// true

14. Array.sort()

Sắp xếp các phần tử trong mảng.

let books = ["?", "?", "?", "?", "?", "?"];
books.sort();
// console.log(books);
// ["?", "?", "?", "?", "?", "?"]

15. Array.splice()

Xóa, thêm hoặc thay thế một hay nhiều phần tử trong mảng.

let weather = ["☁️", "?️", "☁️"];
weather.splice(1, 2, "☀️");
// console.log(weather);
// ["☁️", "☀️"]

16. Array.unshift()

Thêm một hoặc nhiều phần tử vào trước mảng.

let train = ["?", "?", "?", "?"];
train.unshift("?");
// console.log(train);
// ["?", "?", "?", "?", "?"]

Source: https://dev.to/devmount/javascript-array-methods-explained-with-emojis-2amn

Bình luận

Bài viết tương tự

- vừa được xem lúc

2021, chúng ta cần tối ưu hóa việc tải hình ảnh trên web như nào?

Rất chào các bạn,. Như các bạn đã biết, trong kỉ nguyên công nghệ, song song với sự sinh ra dày đặc của các trang web mới cũng là sự biến mất của những trang web "lạc hậu" hay hoạt động kém hiệu quả.

0 0 43

- vừa được xem lúc

Cách mình "hack" được vào hẹ thống của SMAS để xem điểm.

Cách mà mình "hack" được vào hệ thống của SMAS. Thật ra dùng từ hack cũng không đúng lắm, chỉ là một vài trick để lừa hệ thống mà thôi.

0 0 124

- vừa được xem lúc

Testing trong Javascript với Jest (Phần 1)

Hello 500 anh em, lại là mình đây. Chú bé coder yêu màu tím thích màu hồng và ghét sự giả dối đây .

0 0 249

- vừa được xem lúc

Áp dụng kiến trúc 3 Layer Architecture vào project NodeJS

The problem encountered. Các framework nodejs phổ biết như Express cho phép chúng ta dễ dàng tạo ra Resful API xử lí các request từ phía client một cách nhanh chóng và linh hoạt.

0 0 64

- vừa được xem lúc

Một số String methods cần biết trong javascript

String là một trong những phần quan trọng nhất trong javascript, ngoài những methods hay dùng như trim, concat, subString, toUpperCase, toLowerCase; Javascript còn cung cấp cho chúng ta rất nhiều methods hữu ích khác để thao tác và giải quyết các vấn đề dễ dàng hơn khi làm việc với String. Mặc dù nh

0 0 25

- vừa được xem lúc

Giới thiệu về Mixins trong Vuejs

Xin chào năm mới năm me! Hôm nay mình sẽ tiếp tục chia sẻ cho các bạn những vấn đề liên quan đến Vuejs. Ở bài trước mình đã giới thiệu về tính năng Filter và lần này, mình xin chia sẻ với các bạn về một khái niệm cũng rất quen thuộc.

0 0 376