Phương thức xử lý mảng trong javascript

1. forEach

Nếu bạn là một lập trình viên thì chắc hẳn bạn không là gì với phương thức này. Nó giúp lắp qua các phần tử trong mảng

 const arr = [1, 2, 3, 4, 5, 6];

  arr.forEach(item => {
    console.log(item); // output: 1 2 3 4 5 6
  });

2. includes

Phương thức giúp kiểm tra xem phẩn tử có tồn tại trong mảng hay không

  const arr = [1, 2, 3, 4, 5, 6];

  arr.includes(2); // output: true
  arr.includes(7); // output: false

3. filter

Tạo một mảng mới từ mảng cũ thoả mãn điều kiện

  const arr = [1, 2, 3, 4, 5, 6];

  // item(s) greater than 3
  const filtered = arr.filter(num => num > 3);
  console.log(filtered); // output: [4, 5, 6]

  console.log(arr); // output: [1, 2, 3, 4, 5, 6]

4. map

Tạo một mảng mới khi các phần tử chạy qua 1 function

const arr = [1, 2, 3, 4, 5, 6];

  // add one to every element
  const oneAdded = arr.map(num => num + 1);
  console.log(oneAdded); // output [2, 3, 4, 5, 6, 7]

  console.log(arr); // output: [1, 2, 3, 4, 5, 6]

5. reduce

Cũng cho các phần tử chạy qua function nhưng trả ra 1 kết quả cuối cùng chứ không phải 1 mảng mới như map

  const arr = [1, 2, 3, 4, 5, 6];

  const sum = arr.reduce((total, value) => total + value, 0);
  console.log(sum); // 21

6. some

Kiểm tra nếu có ít nhất 1 phần tử thoả mãn điều kiện sẽ dừng lại luôn trả về true không thì trả về false

const arr = [1, 2, 3, 4, 5, 6];

  // at least one element is greater than 4?
  const largeNum = arr.some(num => num > 4);
  console.log(largeNum); // output: true

  // at least one element is less than or equal to 0?
  const smallNum = arr.some(num => num <= 0);
  console.log(smallNum); // output: false

7. every

Hơi khác some, every sẽ duyệt hết cả mảng nếu tất cả thoả mãn điều kiện thì trả vể true, không thì trả về false

 const arr = [1, 2, 3, 4, 5, 6];

  // all elements are greater than 4
  const greaterFour = arr.every(num => num > 4);
  console.log(greaterFour); // output: false

  // all elements are less than 10
  const lessTen = arr.every(num => num < 10);
  console.log(lessTen); // output: true

8. sort

Dùng để sắp xếp mảng

  const arr = [1, 2, 3, 4, 5, 6];
  const alpha = ['e', 'a', 'c', 'u', 'y'];

  // sort in descending order
  descOrder = arr.sort((a, b) => a > b ? -1 : 1);
  console.log(descOrder); // output: [6, 5, 4, 3, 2, 1]

  // sort in ascending order
  ascOrder = alpha.sort((a, b) => a > b ? 1 : -1);
  console.log(ascOrder); // output: ['a', 'c', 'e', 'u', 'y']

9. Array.from

Chuyển tham số truyền vào thành mảng

const name = 'frugence';
  const nameArray = Array.from(name);

  console.log(name); // output: frugence
  console.log(nameArray); // output: ['f', 'r', 'u', 'g', 'e', 'n', 'c', 'e']

// I assume that you have created unorder list of items in our html file.

  const lis = document.querySelectorAll('li');
  const lisArray = Array.from(document.querySelectorAll('li'));

  // is true array?
  console.log(Array.isArray(lis)); // output: false
  console.log(Array.isArray(lisArray));  // output: true

10. Array.of

Biến tất cả các arguments thành mảng

 const nums = Array.of(1, 2, 3, 4, 5, 6);
  console.log(nums); // output: [1, 2, 3, 4, 5, 6]

Hy vọng bài viết này giúp bạn bổ sung thêm kỹ năng khi xử lý mảng trong javascript. Giúp code gọn gàng hơn. Dễ debug hơn.