Cách phát hiện một biến có phải là một mảng hay không

Phương pháp trình duyệt chéo tiêu chuẩn de-facto tốt nhất để xác định xem một biến trong JavaScript có phải là một mảng hay không?

Tìm kiếm trên web có một số gợi ý khác nhau, một số tốt và một số không hợp lệ.

Ví dụ, sau đây là một cách tiếp cận cơ bản:

function isArray(obj) {
    return (obj && obj.length);
}

Tuy nhiên, hãy lưu ý điều gì sẽ xảy ra nếu mảng trống, hoặc obj thực sự không phải là một mảng nhưng thực hiện thuộc tính độ dài, v.v.

Vậy cách triển khai nào là tốt nhất trong điều kiện hoạt động thực sự, trên nhiều trình duyệt và vẫn hoạt động hiệu quả?

Kiểm tra kiểu của các đối tượng trong JS được thực hiện thông qua instanceof, tức là

obj instanceof Array

Điều này sẽ không hoạt động nếu đối tượng được vượt qua các ranh giới khung vì mỗi khung có Arrayđối tượng riêng . Bạn có thể giải quyết vấn đề này bằng cách kiểm tra thuộc tính [[Class]] nội bộ của đối tượng. Để có được nó, hãy sử dụng Object.prototype.toString()(điều này được đảm bảo hoạt động bởi ECMA-262):

Object.prototype.toString.call(obj) === '[object Array]'

Cả hai phương thức sẽ chỉ hoạt động cho các mảng thực tế chứ không phải các đối tượng dạng mảng như argumentsdanh sách đối tượng hoặc nút. Vì tất cả các đối tượng giống mảng phải có thuộc tính số length, tôi sẽ kiểm tra những điều này như sau:

typeof obj !== 'undefined' && obj !== null && typeof obj.length === 'number'

Xin lưu ý rằng các chuỗi sẽ vượt qua kiểm tra này, điều này có thể dẫn đến sự cố vì IE không cho phép truy cập vào các ký tự của chuỗi theo chỉ mục. Do đó, bạn có thể muốn thay đổi typeof obj !== 'undefined'thành typeof obj === 'object'để loại trừ các đối tượng gốc và đối tượng lưu trữ có các loại khác biệt với tất cả 'object'. Điều này sẽ vẫn cho phép các đối tượng chuỗi đi qua, điều này sẽ phải được loại trừ theo cách thủ công.

Trong hầu hết các trường hợp, điều bạn thực sự muốn biết là liệu bạn có thể lặp lại đối tượng thông qua các chỉ mục số hay không. Do đó, bạn nên kiểm tra xem đối tượng có thuộc tính được đặt tên 0thay thế hay không, có thể được thực hiện thông qua một trong các kiểm tra sau:

typeof obj[0] !== 'undefined' // false negative for `obj[0] = undefined`
obj.hasOwnProperty('0') // exclude array-likes with inherited entries
'0' in Object(obj) // include array-likes with inherited entries

Việc ép kiểu thành đối tượng là cần thiết để hoạt động chính xác đối với các nguyên mẫu giống như mảng (tức là chuỗi).

Đây là mã để kiểm tra mạnh mẽ các mảng JS:

function isArray(obj) {
    return Object.prototype.toString.call(obj) === '[object Array]';
}

và các đối tượng giống mảng có thể lặp lại (tức là không rỗng):

function isNonEmptyArrayLike(obj) {
    try { // don't bother with `typeof` - just access `length` and `catch`
        return obj.length > 0 && '0' in Object(obj);
    }
    catch(e) {
        return false;
    }
}

Sự xuất hiện của ECMAScript 5 Edition cung cấp cho chúng tôi phương pháp kiểm tra chắc chắn nhất nếu một biến là một mảng, Array.isArray () :

Array.isArray([]); // true

Mặc dù câu trả lời được chấp nhận ở đây sẽ hoạt động trên các khung và cửa sổ cho hầu hết các trình duyệt, nhưng nó không dành cho Internet Explorer 7 trở xuống , vì Object.prototype.toStringđược gọi trên một mảng từ một cửa sổ khác sẽ trả về [object Object], không [object Array]. IE 9 dường như cũng đã khắc phục hiện tượng này (xem bản sửa lỗi cập nhật bên dưới).

Nếu bạn muốn một giải pháp hoạt động trên tất cả các trình duyệt, bạn có thể sử dụng:

(function () {
    var toString = Object.prototype.toString,
        strArray = Array.toString(),
        jscript  = /*@cc_on @_jscript_version @*/ +0;

    // jscript will be 0 for browsers other than IE
    if (!jscript) {
        Array.isArray = Array.isArray || function (obj) {
            return toString.call(obj) == "[object Array]";
        }
    }
    else {
        Array.isArray = function (obj) {
            return "constructor" in obj && String(obj.constructor) == strArray;
        }
    }
})();

Nó không hoàn toàn không thể phá vỡ, nhưng nó sẽ chỉ bị phá vỡ bởi ai đó cố gắng phá vỡ nó. Nó giải quyết các vấn đề trong IE7 trở xuống và IE9. Lỗi vẫn tồn tại trong IE 10 PP2 , nhưng nó có thể được sửa trước khi phát hành.

Tái bút, nếu bạn không chắc chắn về giải pháp thì tôi khuyên bạn nên kiểm tra nội dung của nó và / hoặc đọc bài đăng trên blog. Có những giải pháp tiềm năng khác ở đó nếu bạn không thoải mái khi sử dụng biên dịch có điều kiện.

Crockford có hai câu trả lời trên trang 106 của "Những phần hay". Cái đầu tiên kiểm tra hàm tạo, nhưng sẽ cho âm tính giả trên các khung hoặc cửa sổ khác nhau. Đây là thứ hai:

if (my_value && typeof my_value === 'object' &&
        typeof my_value.length === 'number' &&
        !(my_value.propertyIsEnumerable('length')) {
    // my_value is truly an array!
}

Crockford chỉ ra rằng phiên bản này sẽ xác định argumentsmảng là một mảng, mặc dù nó không có bất kỳ phương thức mảng nào.

Cuộc thảo luận thú vị của anh ấy về vấn đề này bắt đầu từ trang 105.

Có một cuộc thảo luận thú vị hơn nữa (sau Phần hay) ở đây bao gồm đề xuất này:

var isArray = function (o) {
    return (o instanceof Array) ||
        (Object.prototype.toString.apply(o) === '[object Array]');
};

Tất cả các cuộc thảo luận khiến tôi không bao giờ muốn biết liệu một cái gì đó có phải là một mảng hay không.

jQuery triển khai một hàm isArray, điều này gợi ý cách tốt nhất để làm điều này là

function isArray( obj ) {
    return toString.call(obj) === "[object Array]";
}

(đoạn trích được lấy từ jQuery v1.3.2 - được điều chỉnh một chút để phù hợp với ngữ cảnh)

Ăn trộm từ guru John Resig và jquery:

function isArray(array) {
    if ( toString.call(array) === "[object Array]") {
        return true;
    } else if ( typeof array.length === "number" ) {
        return true;
    }
    return false;
}

Bạn sẽ làm gì với giá trị sau khi bạn quyết định nó là một mảng?

Ví dụ: nếu bạn định liệt kê các giá trị được chứa nếu nó trông giống như một mảng HOẶC nếu nó là một đối tượng đang được sử dụng làm bảng băm, thì đoạn mã sau sẽ đạt được những gì bạn muốn (mã này dừng lại khi hàm đóng trả về bất kỳ thứ gì khác hơn "undefined". Lưu ý rằng nó KHÔNG lặp lại qua các vùng chứa hoặc bảng liệt kê COM; đó là một bài tập cho người đọc):

function iteratei( o, closure )
{
    if( o != null && o.hasOwnProperty )
    {
        for( var ix in seq )
        {
            var ret = closure.call( this, ix, o[ix] );
            if( undefined !== ret )
                return ret;
        }
    }
    return undefined;
}

(Lưu ý: kiểm tra "o! = Null" cho cả null và undefined)

Ví dụ về việc sử dụng:

// Find first element who's value equals "what" in an array
var b = iteratei( ["who", "what", "when" "where"],
    function( ix, v )
    {
        return v == "what" ? true : undefined;
    });

// Iterate over only this objects' properties, not the prototypes'
function iterateiOwnProperties( o, closure )
{
    return iteratei( o, function(ix,v)
    {
        if( o.hasOwnProperty(ix) )
        {
            return closure.call( this, ix, o[ix] );
        }
    })
}

Nếu bạn đang làm việc này trong CouchDB (SpiderMonkey) thì hãy sử dụng

Array.isArray(array)

như array.constructor === Arrayhoặc array instanceof Arraykhông hoạt động. Sử dụng array.toString() === "[object Array]"có hiệu quả nhưng có vẻ khá khó so sánh.

Nếu bạn muốn trình duyệt chéo, bạn muốn jQuery.isArray .

Trên w3school có một ví dụ nên khá chuẩn.

Để kiểm tra xem một biến có phải là một mảng hay không, họ sử dụng một cái gì đó tương tự như thế này

function arrayCheck(obj) { 
    return obj && (obj.constructor==Array);
}

đã thử nghiệm trên Chrome, Firefox, Safari, ie7

Bạn có thể tìm thấy một trong những phiên bản được nghiên cứu và thảo luận tốt nhất của hàm này trên trang PHPJS . Bạn có thể liên kết đến các gói hoặc bạn có thể vào trực tiếp chức năng . Tôi thực sự khuyên bạn nên sử dụng trang web cho các hàm PHP tương đương được xây dựng tốt trong JavaScript.

Không đủ tham chiếu bằng các hàm tạo. Đôi khi chúng có các tham chiếu khác nhau của hàm tạo. Vì vậy, tôi sử dụng các biểu diễn chuỗi của chúng.

function isArray(o) {
    return o.constructor.toString() === [].constructor.toString();
}

Thay thế Array.isArray(obj)bởiobj.constructor==Array

mẫu :

Array('44','55').constructor==Array trả về true (IE8 / Chrome)

'55'.constructor==Array trả về false (IE8 / Chrome)