>  기사  >  웹 프론트엔드  >  JavaScript에서 객체가 배열인지 확인하는 여러 가지 방법(요약)

JavaScript에서 객체가 배열인지 확인하는 여러 가지 방법(요약)

青灯夜游
青灯夜游앞으로
2021-04-02 10:05:323499검색

이 기사에서는 객체가 배열인지 확인하는 몇 가지 JavaScript 방법을 공유합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

JavaScript에서 객체가 배열인지 확인하는 여러 가지 방법(요약)

JS에서 배열을 사용하는 것은 일반적인 작업입니다. 가끔 개발 중에 배열이어야 하는 변수를 얻었지만 배열인지 확실하지 않은 경우 배열인지 어떻게 판단할 수 있나요?

JS의 비원시 데이터 유형은 객체입니다(함수는 고유한 유형을 가지지만 객체이기도 합니다). 따라서 typeof 연산자를 사용하여 확인하는 것만으로는 충분하지 않습니다. typeof运算符来判断是不够的:

let result = { subject: 'Science', marks: 97 };
let numbers = [1, 2, 3, 4, 5];

console.log(typeof result); // Object
console.log(typeof numbers); // Object

在本文中,我们来研究如何在 JS 中检查给定变量或值是否为数组。【相关教程推荐:JavaScript视频教程

使用 Array.isArray() 方法

顾名思义,此方法可用于识别给定参数是否为数组,它返回一个布尔值(true/false)和结果。

例如,使用以下变量,Array.isArray()方法可以正确判断是否为数组:

let result = { subject: "Science", marks: 97 }; // Object
let numbers = [1, 2, 3, 4, 5]; // Array
let name = "Mark"; // String
let names = new Array("Jill", "Jane", "Jacqueline");

console.log(Array.isArray(result)); // false
console.log(Array.isArray(numbers)); // true
console.log(Array.isArray(name)); // false
console.log(Array.isArray(names)); // true

使用对象的构造函数属性

每个对象都有一个constructor 属性(除了使用object.create(null)创建的对象,这种情况不太可能出现)。我们可以直接将constructor 属性与 JS 的构造函数进行比较。因此,如果我们将它与数组构造函数进行比较,就会知道它是否是数组。

注意:构造函数是用来初始化对象的函数。如果使用new关键字创建了一个对象,那么使用的是构造函数。例如,在let myArray = new Array(1,2)中,使用的构造函数是Array()

可以使用constructor 属性来确定变量是否是数组:

let result = { subject: "Science", marks: 97 };
let numbers = [1, 2, 3, 4, 5];
let name = "Mark";
let names = new Array("小智", "小力", "小吴");

console.log(result.constructor === Array); // false
console.log(numbers.constructor === Array); // true
console.log(name.constructor === Array); // false
console.log(names.constructor === Array); // true

使用 instanceof 运算符

instanceof运算符检查是否在对象的原型链中找到构造函数。

typeof运算符一样,它返回布尔值。 要确定变量是否为数组,可以使用instanceof,如下所示:

let result = { subject: "Science", marks: 97 };
let numbers = [1, 2, 3, 4, 5];
let name = "Mark";
let names = new Array("小智", "小力", "小吴");

console.log(result instanceof Array); // false
console.log(numbers instanceof Array); // true
console.log(name instanceof Array); // false
console.log(names instanceof Array); // true

使用 Object.prototype.call() 方法

JS 中的所有对象均从主原型对象继承属性,该对象命名为Object.prototypeObject.prototype中存在toString()方法,这是每个对象都有自己的toString()方法的原因, Object.prototypetoString()方法显示对象的类型。

对象的call()方法执行一个函数,但将this 值更改为传入参数的对象,例如,它允许一个对象使用另一个对象的方法。

因此,我们可以使用Object.prototype.toString()来打印类型,然后使用call()来处理另一个对象,然后比较这个字符串值以确定它是否是一个数组。

let result = { subject: "Science", marks: 97 };
let numbers = [1, 2, 3, 4, 5];
let name = "Mark";
let names = new Array("小智", "小力", "小吴");

console.log(Object.prototype.toString.call(result)); // [object Object]
console.log(Object.prototype.toString.call(numbers)); // [object Array]
console.log(Object.prototype.toString.call(name)); // [object String]
console.log(Object.prototype.toString.call(names)); // [object Array]

console.log(Object.prototype.toString.call(result) === "[object Array]"); // false
console.log(Object.prototype.toString.call(numbers) === "[object Array]"); // true
console.log(Object.prototype.toString.call(name) === "[object Array]"); // false
console.log(Object.prototype.toString.call(names) === "[object Array]"); // true

我们不太可能使用这个方法,但是了解更多关于 JS 对象的知识是没有坏处的

总结

在本文中,我们研究了 JS 中确定对象是否是数组的几种方法。最简单的方法是Array.isArray()方法,以后大部小伙伴可能就是用它了。

但是,我们还可以利用instanceofrrreee

이 기사에서는 JS에서 주어진 변수나 값이 배열인지 확인하는 방법을 살펴보겠습니다. [권장 관련 튜토리얼: JavaScript 비디오 튜토리얼
]

Array.isArray 사용 () 메소드

이름에서 알 수 있듯이 이 메소드는 주어진 매개변수가 배열인지 여부를 식별하는 데 사용할 수 있으며 부울 값(true/false)을 반환하고 결과.

예를 들어, 다음 변수를 사용하면 Array.isArray() 메서드가 배열인지 여부를 올바르게 확인할 수 있습니다.

rrreee

객체의 생성자 속성 사용

모든 개체에는 constructor 속성이 있습니다(object.create(null)를 사용하여 생성된 개체는 제외). constructor 속성을 ​​JS 생성자와 직접 비교할 수 있습니다. 따라서 이를 배열 생성자와 비교하면 그것이 배열인지 알 수 있습니다.

참고: 생성자는 개체를 초기화하는 데 사용되는 함수입니다. new 키워드를 사용하여 객체를 생성하면 생성자가 사용됩니다. 예를 들어 let myArray = new Array(1,2)에서 사용되는 생성자는 Array()입니다. constructor 속성을 ​​사용하여 변수가 배열인지 확인할 수 있습니다.

rrreee

instanceof 연산자 사용

🎜instanceof 작업 생성자가 객체의 프로토타입 체인에 있는지 확인합니다. 🎜🎜 <code>typeof 연산자와 마찬가지로 부울 값을 반환합니다. 변수가 배열인지 확인하려면 다음과 같이 instanceof를 사용할 수 있습니다. 🎜rrreee

Object.prototype.call() 메서드 사용

🎜 JS에서 모든 개체는 Object.prototype이라는 기본 프로토타입 개체의 속성을 상속합니다. Object.prototype에는 toString() 메서드가 있습니다. 이것이 바로 각 객체가 고유한 toString() 메서드인 를 갖는 이유입니다. Object.prototype의 <code>toString() 메소드는 객체의 유형을 표시합니다. 🎜🎜객체의 call() 메서드는 함수를 실행하지만 this 값을 매개변수로 전달된 객체로 변경합니다. 예를 들어 하나의 객체에서 사용할 수 있습니다. 다른 객체의 메소드. 🎜🎜그래서 Object.prototype.toString()을 사용하여 유형을 인쇄한 다음 call()을 사용하여 다른 개체를 처리한 다음 이 문자열 값을 비교할 수 있습니다. 배열인지 확인합니다. 🎜rrreee🎜이 방법을 사용할 가능성은 없지만 JS 객체에 대해 더 많이 배우는 것이 나쁠 것은 없습니다. 🎜

요약

🎜이 기사에서는 JS에서 무슨 일이 일어나고 있는지 살펴보았습니다. 객체가 배열인지 확인하는 여러 가지 방법. 가장 간단한 방법은 Array.isArray() 메서드이며, 대부분의 친구들은 아마도 앞으로 이 방법을 사용할 것입니다. 🎜🎜그러나 instanceof 연산자와 기타 개체 속성을 사용하여 배열인지 확인할 수도 있습니다. 🎜🎜🎜원본 주소: https://stackabuse.com/javascript-check-if-object-is-array/🎜🎜작성자: 게스트 기여자🎜🎜번역 주소: https://segmentfault.com/a/1190000038661505🎜🎜 🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜

위 내용은 JavaScript에서 객체가 배열인지 확인하는 여러 가지 방법(요약)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제