객체가 배열인지 확인하는 방법?

문자열 목록 또는 단일 문자열을 허용하는 함수를 작성하려고합니다. 문자열 인 경우 하나의 항목으로 배열로 변환하려고하므로 오류에 대한 두려움없이 반복 할 수 있습니다.

그렇다면 변수가 배열인지 어떻게 확인합니까?

아래의 다양한 솔루션을 모아서 jsperf 테스트를 만들었습니다 . 그들은 그래서 그냥 사용, 모든 빠르다 Array.isArray- 그것의 잘 지원 해주기 및 프레임에 걸쳐 작품 .

최신 브라우저에서 할 수있는 일

Array.isArray(obj)

( 지원 크롬 5, 파이어 폭스 4.0, IE 9, 오페라 10.5 사파리 5)

이전 버전과의 호환성을 위해 다음을 추가 할 수 있습니다.

# only implement if no native implementation is available
if (typeof Array.isArray === 'undefined') {
  Array.isArray = function(obj) {
    return Object.prototype.toString.call(obj) === '[object Array]';
  }
};

jQuery를 사용하면 jQuery.isArray(obj)또는 을 사용할 수 있습니다 $.isArray(obj). 밑줄을 사용하면_.isArray(obj)

다른 프레임에서 생성 된 배열을 감지 할 필요가없는 경우에도 instanceof

obj instanceof Array

Object 클래스를 찾기 위해 ECMAScript 표준에 제공된 toString방법은 의 방법 을 사용하는 것입니다 Object.prototype.

if( Object.prototype.toString.call( someVar ) === '[object Array]' ) {
    alert( 'Array!' );
}

또는 typeof문자열인지 테스트하는 데 사용할 수 있습니다 .

if( typeof someVar === 'string' ) {
    someVar = [ someVar ];
}

또는 성능이 걱정되지 않으면 concat빈 배열을 새로 만들 수 있습니다 .

someVar = [].concat( someVar );

직접 쿼리 할 수있는 생성자가 있습니다.

if (somevar.constructor.name == "Array") {
    // do something
}

아래의 의견에 게시 된 @TJ Crowder의 블로그 에서 철저한 치료 를 확인하십시오 .

어떤 벤치 마크 가 더 나은지 알아 보려면 이 벤치 마크 를 확인하십시오 : http://jsben.ch/#/QgYAV

에서 @Bharath의 질문과 대답 (FAQ) ES6를 사용하여 배열로 변환 문자열 :

const convertStringToArray = (object) => {
   return (typeof object === 'string') ? Array(object) : object 
}

가정 :

let m = 'bla'
let n = ['bla','Meow']
let y = convertStringToArray(m)
let z = convertStringToArray(n)
console.log('check y: '+JSON.stringify(y)) . // check y: ['bla']
console.log('check y: '+JSON.stringify(z)) . // check y: ['bla','Meow']

먼저 구현이 지원하는지 확인합니다 isArray.

if (Array.isArray)
    return Array.isArray(v);

당신은 또한 instanceof연산자를 사용해보십시오

v instanceof Array

jQuery는 다음과 같은 $.isArray()메소드 도 제공합니다 .

var a = ["A", "AA", "AAA"];

if($.isArray(a)) {
  alert("a is an array!");
} else {
  alert("a is not an array!");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

이것은 모든 방법 중에서 가장 빠릅니다 (모든 브라우저가 지원됨).

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

이 배열이 아래에 있다고 상상해보십시오 .

var arr = [1,2,3,4,5];

자바 스크립트 (새로운 브라우저 및 이전 브라우저) :

function isArray(arr) {
  return arr.constructor.toString().indexOf("Array") > -1;
}

또는

function isArray(arr) {
  return arr instanceof Array;
}

또는

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

다음과 같이 호출하십시오.

isArray(arr);

자바 스크립트 (IE9 +, Ch5 +, FF4 +, Saf5 +, Opera10.5 +)

Array.isArray(arr);

jQuery :

$.isArray(arr);

모난:

angular.isArray(arr);

밑줄과 Lodash :

_.isArray(arr);

Array.isArray는 빠르게 작동하지만 모든 버전의 브라우저에서 지원되는 것은 아닙니다. 따라서 다른 사람들을 제외하고 보편적 인 방법을 사용할 수 있습니다.

    Utils = {};    
    Utils.isArray = ('isArray' in Array) ? 
        Array.isArray : 
        function (value) {
            return Object.prototype.toString.call(value) === '[object Array]';
        }

이것을 확인하는 간단한 기능 :

function isArray(object)
{
    return object.constructor === Array;
}

MDN은 다음 과 같이 말합니다 .

Array.isArray 또는 Object.prototype.toString.call 을 사용 하여 일반 객체와 배열을 구별하십시오.

이처럼 :

• Object.prototype.toString.call(arr) === '[object Array]'또는

• Array.isArray(arr)

이 질문에 대한 한 가지 해결책이 있습니다.

x instanceof Array

여기서 x는 변수이며 x가 배열이면 true를 반환하고 그렇지 않으면 false를 반환합니다.

변수의 유형이 배열인지 여부를 확인할 수 있습니다.

var myArray=[];

if(myArray instanceof Array)
{
....
}

다루고있는 객체의 유형을 테스트하는 기능을 만들 것입니다 ...

function whatAmI(me){ return Object.prototype.toString.call(me).split(/\W/)[2]; }

// tests
console.log(
  whatAmI(["aiming","@"]),
  whatAmI({living:4,breathing:4}),
  whatAmI(function(ing){ return ing+" to the global window" }),
  whatAmI("going to do with you?")
);

// output: Array Object Function String

간단한 if 문을 작성할 수 있습니다 ...

if(whatAmI(myVar) === "Array"){
    // do array stuff
} else { // could also check `if(whatAmI(myVar) === "String")` here to be sure
    // do string stuff
}

나는 아주 간단한 방법으로 이것을한다. 나를 위해 작동합니다. 어떤 단점이 있습니까?

Array.prototype.isArray = true;

a=[]; b={};
a.isArray  // true
b.isArray  // (undefined -> false)

이것은 의견을 고려 하여이 답변 을 개선하려는 시도입니다 .

var isArray = myArray && myArray.constructor === Array;

if / else를 제거하고 배열이 null이거나 정의되지 않았을 가능성을 설명합니다.

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/isArray

Array.isArray = Array.isArray || function (vArg) {
    return Object.prototype.toString.call(vArg) === "[object Array]";
};

오류 확인뿐만 아니라 두 가지 대체 방법으로 jsperf 바이올린 을 업데이트했습니다 .

'Object'및 'Array'프로토 타입에서 상수 값을 정의하는 방법이 다른 방법보다 빠르다는 것이 밝혀졌습니다. 다소 놀라운 결과입니다.

/* Initialisation */
Object.prototype.isArray = function() {
  return false;
};
Array.prototype.isArray = function() {
  return true;
};
Object.prototype._isArray = false;
Array.prototype._isArray = true;

var arr = ["1", "2"];
var noarr = "1";

/* Method 1 (function) */
if (arr.isArray()) document.write("arr is an array according to function<br/>");
if (!noarr.isArray()) document.write("noarr is not an array according to function<br/>");
/* Method 2 (value) - **** FASTEST ***** */
if (arr._isArray) document.write("arr is an array according to member value<br/>");
if (!noarr._isArray) document.write("noarr is not an array according to member value<br/>");

변수가 정의되지 않은 값을 사용하는 경우이 두 가지 방법은 작동하지 않지만 값이 있는지 확실하면 작동합니다. 값이 배열 또는 단일 값인지 여부를 염두에두고 성능을 확인하는 것과 관련하여 두 번째 방법은 유효한 빠른 방법처럼 보입니다. Chrome의 'instanceof'보다 약간 빠르며 Internet Explorer, Opera 및 Safari (내 컴퓨터)의 두 번째 가장 좋은 방법보다 두 배 빠릅니다.

나는 사람들이 일종의 원시 자바 스크립트 접근법을 찾고 있다는 것을 알고 있습니다. 그러나 덜 생각하고 싶다면 여기를보십시오 : http://underscorejs.org/#isArray

_.isArray(object) 

object가 Array 인 경우에 true를 리턴합니다.

(function(){ return _.isArray(arguments); })();
=> false
_.isArray([1,2,3]);
=> true

내가 본 가장 좋은 솔루션은 typeof에 대한 브라우저 간 교체입니다. Angus Croll의 솔루션을 여기 에서 확인 하십시오 .

TL; DR 버전은 아래에 있지만이 기사는 문제에 대한 훌륭한 토론이므로 시간이 있으면 읽어보십시오.

Object.toType = function(obj) {
    return ({}).toString.call(obj).match(/\s([a-z|A-Z]+)/)[1].toLowerCase();
}
// ... and usage:
Object.toType([1,2,3]); //"array" (all browsers)

// or to test...
var shouldBeAnArray = [1,2,3];
if(Object.toType(shouldBeAnArray) === 'array'){/* do stuff */};

게으른 접근 방식은 다음과 같습니다.

if (Array.prototype.array_ === undefined) {
  Array.prototype.array_ = true;
}

// ...

var test = [],
    wat = {};

console.log(test.array_ === true); // true
console.log(wat.array_ === true);  // false

프로토 타입을 "메시지" 하는 것이 좋지만 권장 toString방법 보다 성능이 훨씬 뛰어나다는 것을 알고 있습니다.

참고 : 이 접근법의 함정은 경계 를 iframe넘어서 작동 하지 않는다는 것입니다.하지만 사용 사례에서는 이것이 문제가되지 않습니다.

Stoyan Stefanov의 저서 JavaScript Patterns 에는 ECMAScript 5 메소드 Array.isArray () 뿐만 아니라 가능한 모든 문제를 처리한다고 가정 하는 좋은 예가 있습니다. 있습니다.

그래서 여기 있습니다 :

if (typeof Array.isArray === "undefined") {
    Array.isArray = function (arg) {
        return Object.prototype.toString.call(arg) === "[object Array]";
    };
}

그런데 jQuery를 사용하는 경우 $ .isArray () 메소드를 사용할 수 있습니다.

객체가 배열인지 여부를 확인하는 가장 쉽고 빠른 방법입니다.

 var arr = [];
  arr.constructor.name ==='Array'  //return true;

또는

arr.constructor ===Array //return true;

또는 유틸리티 기능을 만들 수 있습니다.

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

용법:

isArray(arr); //return true

객체에 concat 메소드가 없다는 것을 알고 있다면 다음을 사용할 수 있습니다.

var arr = [];
if (typeof arr.concat === 'function') {
    console.log("It's an array");
}

isArray 메소드 일 수는 있지만 확인하고 싶습니다.

Object.getPrototypeOf(yourvariable) === Array.prototype

이 함수에 전달 될 수있는 두 종류의 값만 문자열 또는 문자열 배열이면 간단하게 유지 typeof하고 문자열 가능성을 확인하십시오.

function someFunc(arg) {
    var arr = (typeof arg == "string") ? [arg] : arg;
}

A = [1,2,3]
console.log(A.map==[].map)

가장 짧은 버전을 검색하려면 여기까지 내가 얻은 것입니다.

가능한 모든 조합을 항상 감지하는 완벽한 기능은 없습니다. 마술 도구를 기대하는 것보다 도구의 모든 능력과 한계를 아는 것이 좋습니다.

function isArray(value) {
    if (value) {
        if (typeof value === 'object') {
            return (Object.prototype.toString.call(value) == '[object Array]')
        }
    }
    return false;
}

var ar = ["ff","tt"]
alert(isArray(ar))

입력 값이 배열인지 테스트하는 간단한 기능은 다음과 같습니다.

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

이것은 크로스 브라우저 및 구형 브라우저에서 작동합니다. 이것은 TJ Crowders의 블로그 게시물에서 가져 왔습니다.

당신은 이것을 시도 할 수 있습니다 :

var arr = []; (or) arr = new Array();
var obj = {}; (or) arr = new Object();

arr.constructor.prototype.hasOwnProperty('push') //true

obj.constructor.prototype.hasOwnProperty('push') // false

이 함수는 거의 모든 것을 배열로 변환합니다 :

function arr(x) {
    if(x === null || x === undefined) {
        return [];
    }
    if(Array.isArray(x)) {
        return x;
    }
    if(isString(x) || isNumber(x)) {
        return [x];
    }
    if(x[Symbol.iterator] !== undefined || x.length !== undefined) {
        return Array.from(x);
    }
    return [x];
}

function isString(x) {
    return Object.prototype.toString.call(x) === "[object String]"
}

function isNumber(x) {
    return Object.prototype.toString.call(x) === "[object Number]"
}

최신 브라우저 기능을 사용하므로 최대한의 지원을 위해이를 폴리 필 할 수 있습니다.

예 :

> arr(null);
[]
> arr(undefined)
[]
> arr(3.14)
[ 3.14 ]
> arr(1/0)
[ Infinity ]
> gen = function*() { yield 1; yield 2; yield 3; }
[Function: gen]
> arr(gen())
[ 1, 2, 3 ]
> arr([4,5,6])
[ 4, 5, 6 ]
> arr("foo")
[ 'foo' ]

NB 문자열은 문자 배열 대신 단일 요소가있는 배열로 변환됩니다. 삭제isString다른 방법으로 원하는 경우 수표를 .

가장 강력 하고 단순 Array.isArray하기 때문에 여기에서 사용 했습니다 .

귀하의 경우 단일 객체뿐만 아니라 배열 (및 결합)을 수용 할 수 concat있는 Array 메서드를 사용할 수 있습니다 :

function myFunc(stringOrArray)
{
  var arr = [].concat(stringOrArray);

  console.log(arr);

  arr.forEach(function(item, i)
  {
    console.log(i, "=", item);
  })
}

myFunc("one string");

myFunc(["one string", "second", "third"]);

concat 배열의 가장 오래된 방법 중 하나 인 것 같습니다 (IE 5.5조차도 잘 알고 있습니다).