Kiểm tra xem thứ gì đó có thể lặp lại được không

Trong tài liệu MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of

Các for...of trúc được mô tả để có thể lặp lại các đối tượng "có thể lặp lại". Nhưng có một cách tốt để quyết định xem một đối tượng có thể lặp lại không?

Tôi đã cố gắng tìm các thuộc tính chung cho mảng, trình vòng lặp và trình tạo, nhưng không thể thực hiện được.

Ngoài việc thực hiện một for ... ofkhối thử và kiểm tra lỗi loại, có cách nào tốt để thực hiện việc này không?

Cách thích hợp để kiểm tra khả năng lặp lại như sau:

function isIterable(obj) {
  // checks for null and undefined
  if (obj == null) {
    return false;
  }
  return typeof obj[Symbol.iterator] === 'function';
}

Tại sao điều này hoạt động (chuyên sâu về giao thức có thể lặp lại): https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Iteration_protocols

Vì chúng ta đang nói về for..of, tôi cho rằng, chúng ta đang có tư duy ES6.

Ngoài ra, đừng ngạc nhiên khi hàm này trả về trueif objlà một chuỗi, vì các chuỗi lặp qua các ký tự của chúng.

Tại sao lại dài dòng như vậy?

const isIterable = object =>
  object != null && typeof object[Symbol.iterator] === 'function'

Giải pháp đơn giản nhất thực sự là:

function isIterable (value) {
  return Symbol.iterator in Object(value);
}

Objectsẽ bọc bất kỳ thứ gì không phải là đối tượng trong một, cho phép intoán tử hoạt động ngay cả khi giá trị ban đầu không phải là Đối tượng. nullvà undefinedđược biến thành các đối tượng rỗng nên không cần phát hiện trường hợp cạnh và các chuỗi được bọc thành các đối tượng Chuỗi có thể lặp lại.

Như một chú thích bên, hãy CẨN THẬN về định nghĩa của có thể lặp lại . Nếu bạn đang đến từ các ngôn ngữ khác bạn mong chờ điều gì đó bạn có thể duyệt qua với, nói, một forvòng lặp là iterable . Tôi e rằng đó không phải là trường hợp ở đây khi có thể lặp lại có nghĩa là thứ gì đó thực hiện giao thức lặp lại .

Để làm cho mọi thứ rõ ràng hơn, tất cả các ví dụ ở trên trả falsevề đối tượng này {a: 1, b: 2}vì đối tượng đó không triển khai giao thức lặp. Vì vậy, bạn sẽ không thể lặp lại nó với một for...of NHƯNG bạn vẫn có thể vớifor...in .

Vì vậy, nếu bạn muốn tránh những sai lầm đáng tiếc, hãy làm cho mã của bạn cụ thể hơn bằng cách đổi tên phương thức của bạn như được hiển thị bên dưới:

/**
 * @param variable
 * @returns {boolean}
 */
const hasIterationProtocol = variable =>
    variable !== null && Symbol.iterator in Object(variable);

Ngày nay, như đã nói, để kiểm tra xem objcó thể lặp lại hay không, chỉ cần làm

obj != null && typeof obj[Symbol.iterator] === 'function' 

Câu trả lời lịch sử (không còn giá trị)

Cấu for..oftrúc này là một phần của Dự thảo Đặc tả Ngôn ngữ phiên bản thứ 6 của ECMASCript. Vì vậy, nó có thể thay đổi trước phiên bản cuối cùng.

Trong bản nháp này, các đối tượng có thể lặp lại phải có chức năng iteratornhư một thuộc tính.

Bạn có thể kiểm tra xem một đối tượng có thể lặp lại như thế này không:

function isIterable(obj){
   if(obj === undefined || obj === null){
      return false;
   }
   return obj.iterator !== undefined;
}

Đối với async lặp bạn nên kiểm tra cho 'Symbol.asyncIterator' thay vì 'Symbol.iterator':

async function* doSomething(i) {
    yield 1;
    yield 2;
}

let obj = doSomething();

console.log(typeof obj[Symbol.iterator] === 'function');      // false
console.log(typeof obj[Symbol.asyncIterator] === 'function'); // true

Nếu bạn muốn kiểm tra thực tế một biến là một đối tượng ( {key: value}) hay một mảng ( [value, value]), bạn có thể làm điều đó:

const isArray = function (a) {
    return Array.isArray(a);
};

const isObject = function (o) {
    return o === Object(o) && !isArray(o) && typeof o !== 'function';
};

function isIterable(variable) {
    return isArray(variable) || isObject(variable);
}