如何检查值是否是JavaScript中的对象？
当前回答
在阅读并尝试了许多实现之后，我注意到很少有人尝试检查JSON、Math、文档或原型链长度超过1步的对象等值。
我认为，与其检查变量的类型，然后删除边缘事例，不如尽可能简单地进行检查，以避免在添加了注册为“对象”类型的新原语或本地对象时进行重构。
毕竟，typeof运算符会告诉您某个对象是否是JavaScript的对象，但JavaScript对对象的定义对于大多数真实场景来说太宽泛了（例如typeof null==“object”）。下面是一个函数，它通过基本上重复两次检查来确定变量v是否为对象：
只要v的字符串化版本为“[object object]”，就会启动一个循环。我希望函数的结果与下面的日志完全相同，所以这是我最终得出的唯一“对象性”标准。如果失败，函数将立即返回false。v被链中的下一个原型替换为v=Object.getPrototypeOf（v），但也在之后直接求值。当v的新值为null时，这意味着包括根原型（很可能是链中唯一的原型）在内的每个原型都通过了while循环中的检查，我们可以返回true。否则，新的迭代开始。
函数isObj（v）{while（Object.product.toString.call（v）=='[Object Object]'）if（（v=Object.getPrototypeOf（v））==null）返回truereturn false}console.log（'FALSE：'）console.log（'[]->'，isObj（[]））console.log（'ull->'，isObj（null））console.log（'文档->'，isObj（文档））console.log（'JSON->'，isObj（JSON））console.log（'function->'，isObj（函数（）｛｝））console.log（'newDate（）->'，isObj（newDate（（）））console.log（'RegExp->'，isObj（/./））console.log（'TRUE:'）console.log（“｛｝->”，isObj（｛｝））console.log（'newObject（）->'，isObj（newObject（（）））console.log（'新对象（null）->'，isObj（新对象（空）））console.log（'newObject（｛｝）->'，isObj（newObject（{foo:'bar'｝）））console.log（'Object.prototype->'，isObj（Object.prototype））console.log（'Object.create（null）->'，isObj（Object.create（null）））console.log（“Object.create（｛｝）->”，isObj（Object.create（｛foo:'bar'｝）））console.log（“deep继承->”，isObj（Object.create（Object.create（｛foo:'bar'｝））））
其他回答
好的，在回答问题之前，让我们先给你这个概念，在JavaScript中，函数是Object，也可以是null、Object、Array甚至Date，所以正如你所看到的，没有一种简单的方法像typeof obj==“Object”，所以上面提到的一切都会返回true，但是有一些方法可以通过编写函数或使用JavaScript框架来检查它，好的：
现在，假设您有一个真正的对象（不是null、函数或数组）：
var obj = {obj1: 'obj1', obj2: 'obj2'};
纯JavaScript：
//that's how it gets checked in angular framework
function isObject(obj) {
return obj !== null && typeof obj === 'object';
}
or
//make sure the second object is capitalised
function isObject(obj) {
return Object.prototype.toString.call(obj) === '[object Object]';
}
or
function isObject(obj) {
return obj.constructor.toString().indexOf("Object") > -1;
}
or
function isObject(obj) {
return obj instanceof Object;
}
您可以简单地在代码中使用上述函数之一，方法是调用它们，如果它是一个对象，则返回true：
isObject(obj);
如果您使用的是JavaScript框架，他们通常会为您准备这些类型的函数，其中很少：
jQuery：
//It returns 'object' if real Object;
jQuery.type(obj);
角度：
angular.isObject(obj);
Undercore和Lodash：
//(NOTE: in Underscore and Lodash, functions, arrays return true as well but not null)
_.isObject(obj);
我认为有这么多答案的原因是，无论你是否喜欢，很多东西都是javascript中的对象。
您可以像任何其他对象一样迭代数组的“键”。。。
var key,
arr = ['one', 'two', 'three'];
for (key in arr)
console.log(`${key}=${arr[key]}`);
console.log(arr[1]);
console.log(arr['1']);
// 0=one
// 1=two
// 2=three
// two
// two
数组是特殊的（像许多对象一样），因为它有一些通用对象没有的财产/方法（例如长度、forEach等）。
所以这个问题应该是：如何过滤特定类型的对象？
毕竟，我可以很容易地实现自己的数组、正则表达式或符号，它也可以是一个对象，但可能会通过各种“它是真实对象吗？”测试。。。。因为它是一个真实的物体。
所以你想过滤到某些类型的javascript对象。。。
最好的方法是只做特性测试。例如，您是否关心它是否具有长度属性？示例：浏览器中的NodeList看起来像一个数组，可以像数组一样迭代，但不是数组。
无论如何，如果您只想过滤掉特定类型的对象，那么只有您才能定义要过滤的对象。是否要筛选出RegExp？日期大堆浏览器DOM对象？只有你才能决定你的过滤链是什么样子。您可以使用直通开关来构建紧凑的过滤器。
function typeOfIs(val, type) {
return typeof val == type;
}
function constructorIs(val, constructor) {
return val && constructor && val.constructor === constructor;
}
function isObject(val) {
// catch the easy non-object values
if (!typeOfIs(val, 'object'))
return false;
// catch the cases you don't want to consider to be
// "real" objects for your use-case
switch (true) {
case val === null:
case Array.isArray(val):
case typeOfIs(val, 'function'):
case constructorIs(val, RegExp):
return false;
default:
return true;
}
}
function test(val) {
console.log(Object.prototype.toString.call(val)+': '+isObject(val));
}
test(undefined);
test(null);
test(function () {});
test(Symbol('foo'));
test(1);
test(true);
test(false);
test('hello world');
test([]);
test(/.*/g);
test(new Date()); // true (because we didn't filter for it)
test({}); // true
特性测试
但更好的方法可能是询问为什么要筛选，或者只测试给定变量上是否存在您需要/期望的财产/函数。。。如果它们存在，使用变量，不要担心它是某种类型的对象还是另一种类型的对象。如果它们不存在，则抛出一个API错误，即您被传递了一些类型不正确的值（即缺少预期的财产/函数）。
e.g.
if (typeof someVariable.hasOwnProperty == 'function')
// ...
表演
今天2020.09.26我在Chrome v85、Safari v13.1.2和Firefox v80上对MacOs HighSierra 10.13.6进行了测试，以确定所选的解决方案。
后果
解决方案C和H在所有情况下在所有浏览器上都是快速/最快的在所有情况下，解决方案D和G在所有浏览器上都是慢/最慢的
细节
我为解决方案执行3个测试用例A.BCDEFGH我JKLMNOPQRSTU五、
对于小对象-您可以在此处运行对于大型对象-您可以在此处运行没有对象-你可以在这里运行
下面的代码片段介绍了解决方案之间的差异。解决方案A-G为Matt Fenwick描述的选定案例提供了正确的答案
// https://stackoverflow.com/a/14706877/860099函数A（x）{return x===对象（x）；};// https://stackoverflow.com/a/42250981/860099函数B（x）{return _.isObject（x）；}// https://stackoverflow.com/a/34864175/860099函数C（x）{返回x！=null&&（typeof x===“对象”| | typeof x====“函数”）；}// https://stackoverflow.com/a/39187058/860099函数D（x）{return new函数（）｛return x；｝（）==x；}// https://stackoverflow.com/a/39187058/860099函数E（x）{return函数（）{return this==x；}.call（x）；}// https://stackoverflow.com/a/39187058/860099函数F（x）｛/*需要ECMAScript 5或更高版本*/尝试{对象.create（x）；返回x！==无效的}捕获（错误）{return false；}}// https://stackoverflow.com/a/39187058/860099函数G（x）｛/*需要ECMAScript 5或更高版本*/函数构造函数（）｛｝Constructor.prototype=x；return Object.getPrototypeOf（new Constructor（））==x；}// https://stackoverflow.com/a/8511332/860099函数H（x）{返回类型x=='对象'&&x！==无效的}// https://stackoverflow.com/a/25715455/860099函数I（x）{return（typeof x==“object”&&！Array.isArray（x）&&x！==空）；};// https://stackoverflow.com/a/22482737/860099函数J（x）{return x instanceof Object；}// https://stackoverflow.com/a/50712057/860099函数K（x）{设t=JSON.stringify（x）；返回t？t[0]==“｛”：false；}// https://stackoverflow.com/a/13356338/860099函数L（x）{return Object.pr原型.toString.call（x）==“[对象对象]”；};// https://stackoverflow.com/a/46663081/860099函数M（o，strict=true）{如果（o==null | | o==未定义）{return false；}const instanceOfObject=o instanceof Object；const typeOfObject=typeof o==“对象”；constconstructorUndefined=o.constructor===未定义；constconstructorObject=o.constructor==对象；const typeOfConstructorObject=typeof o.constructor==“函数”；设r；if（严格==真）{r=（instanceOfObject | | typeOfObject）&&（constructorUndefined | | constructorObject）；}其他{r=（constructorUndefined | | typeOfConstructorObject）；}返回r；}// https://stackoverflow.com/a/42250981/860099函数N（x）{return$.type（x）==“对象”；}// https://stackoverflow.com/a/34864175/860099函数O（x）{if（Object.pr原型.toString.call（x）！=='[object对象]'）{return false；}其他{var prototype=对象.getPrototypeOf（x）；返回原型==null | |原型==Object.prototype；}}// https://stackoverflow.com/a/57863169/860099函数P（x）{while（Object.product.toString.call（x）=='[Object Object]'）if（（x=Object.getPrototypeOf（x））==null）返回truereturn false}// https://stackoverflow.com/a/43289971/860099函数Q（x）{尝试{开关（x.constructor）{案例编号：case函数：大小写布尔值：case符号：案例日期：case字符串：大小写RegExp：return x.constructor==对象；case错误：case评估错误：大小写范围错误：案例引用错误：case语法错误：案例类型错误：大小写URI错误：return（对象==错误？错误：x.constructor）==对象；case数组：大小写Int8Array：大小写Uint8Array：case Uint8ClampedArray：大小写Int16Array：大小写Uint16Array：case Int32Array：大小写Uint32Array：case Float32阵列：case浮点64Array：return（对象==数组？数组：x.constructor）==对象；case对象：违约：return（对象==对象？对象：x.constructor）==对象；}}捕获（ex）{return x==对象；}}// https://stackoverflow.com/a/52478680/860099函数R（x）{return typeof x=='对象'&&x对象实例&&！（数组的x实例）；}// https://stackoverflow.com/a/51458052/860099函数S（x）{返回x！=null&&x.constructor？。name==“对象”}// https://stackoverflow.com/a/42250981/860099函数T（x）{返回x？。构造函数？。toString（）.indexOf（“对象”）>-1；}// https://stackoverflow.com/a/43223661/860099函数U（x）{返回x？。构造函数==对象；}// https://stackoverflow.com/a/46663081/860099函数V（x）{返回x对象实例&&x.constructor==对象；}// -------------//测试// -------------console.log（'列：1 2 3 4 5 6-7 8 9 10 11'）；[A、B、C、D、E、F、G、H、I、J、K、L、M、N、O、P、Q、R、S、T、U、V].map（f=>console.log（`${f.name｝：${1*f（new Date（）））｝${1*f（/./）｝${1*f（｛｝）｝${1*f（Object.prototype）｝｛1*f（Object.create（null））｝$｛1*f（（）=>{}）｝-$｛1*f（“abc”）｝美元｛1*f（3）｝$1 1*（true）｝{1*（null）｝$2 1*f（未定义）｝`）））控制台日志(`列图例（测试用例）：1：新日期（）2: /./ （RegExp）3: {}4:对象.原型5:对象.create（null）6:（）=>｛｝（函数）7:“abc”（字符串）8:3（数字）9：真（布尔值）10:空11：未定义排：1=是对象0=不是对象理论上，第1-6列应有1，第7-11列应有0`);<脚本src=“https://code.jquery.com/jquery-3.5.1.min.js"integrity=“sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphpj0=”crossoorigin=“匿名”></script><脚本src=“https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js" 完整性=“sha512-90vH1Z83AJY9DmlWa8WkjkV79yfS2n2Oxhsi2dZbIv0nC4E6m5AbH8Nh156kkM7JePmqD6tcZsfad1ueoaovww==”crossoorigin=“匿名”></script>此shippet只显示性能测试中使用的函数，而不执行测试本身！
下面是铬的示例结果
在阅读并尝试了许多实现之后，我注意到很少有人尝试检查JSON、Math、文档或原型链长度超过1步的对象等值。
我认为，与其检查变量的类型，然后删除边缘事例，不如尽可能简单地进行检查，以避免在添加了注册为“对象”类型的新原语或本地对象时进行重构。
毕竟，typeof运算符会告诉您某个对象是否是JavaScript的对象，但JavaScript对对象的定义对于大多数真实场景来说太宽泛了（例如typeof null==“object”）。下面是一个函数，它通过基本上重复两次检查来确定变量v是否为对象：
只要v的字符串化版本为“[object object]”，就会启动一个循环。我希望函数的结果与下面的日志完全相同，所以这是我最终得出的唯一“对象性”标准。如果失败，函数将立即返回false。v被链中的下一个原型替换为v=Object.getPrototypeOf（v），但也在之后直接求值。当v的新值为null时，这意味着包括根原型（很可能是链中唯一的原型）在内的每个原型都通过了while循环中的检查，我们可以返回true。否则，新的迭代开始。
函数isObj（v）{while（Object.product.toString.call（v）=='[Object Object]'）if（（v=Object.getPrototypeOf（v））==null）返回truereturn false}console.log（'FALSE：'）console.log（'[]->'，isObj（[]））console.log（'ull->'，isObj（null））console.log（'文档->'，isObj（文档））console.log（'JSON->'，isObj（JSON））console.log（'function->'，isObj（函数（）｛｝））console.log（'newDate（）->'，isObj（newDate（（）））console.log（'RegExp->'，isObj（/./））console.log（'TRUE:'）console.log（“｛｝->”，isObj（｛｝））console.log（'newObject（）->'，isObj（newObject（（）））console.log（'新对象（null）->'，isObj（新对象（空）））console.log（'newObject（｛｝）->'，isObj（newObject（{foo:'bar'｝）））console.log（'Object.prototype->'，isObj（Object.prototype））console.log（'Object.create（null）->'，isObj（Object.create（null）））console.log（“Object.create（｛｝）->”，isObj（Object.create（｛foo:'bar'｝）））console.log（“deep继承->”，isObj（Object.create（Object.create（｛foo:'bar'｝））））
var isArray=function(value){
if(Array.isArray){
return Array.isArray(value);
}else{
return Object.prototype.toString.call(value)==='[object Array]';
}
}
var isObject=function(value){
return value !== null&&!isArray(value) && typeof value === 'object';
}
var _val=new Date;
console.log(isObject(_val));//true
console.log(Object.prototype.toString.call(_val)==='[object Object]');//false
