判断一个对象是否为null（前端基础面试题：如何判断对象是否具有某属性？遍历数组的方法有哪些？）

一              、如何判断对象具有某属性？

如：let obj={name:zhangsan,age:21}

有以下方法 ( property 为属性名的变量              ，实际上是key  
 
  
 
  
 
  
 
  
 
  
 
  
 
，键名)：

1. property in obj

效果如图：

in 运算符

2. Reflect.has(obj, property)

效果如图：

关于 Reflect:

① 它是JS的一个内置对象













，无构造函数
  
  
  
  
  
  
  ，可以用它遍历对象的key  
  
  
  
  
  
  
，如：Reflect.ownKeys(obj) // [name, age];

② 也可以用它给对象添加一个属性
 


 


 


 


 


 


 

，如：Reflect.set(obj, hobby, [singing,reading]), 返回值是true/false, 如图：

③ 无论是自有属性还是原型上有该属性
 
 
 
 
 
 
 ，Reflect.has(obj,property)方法都会返回 true              。

3. obj.hasOwnProperty(property)

可以判断是否是对象的自有属性

   
   
   
   
   
   
   
，若有
 

 

 

 

 

 

 
，返回true

 

 

 

 

 

 

 ，否则返回 false（原型链上的返回false）  
 
  
 
  
 
  
 
  
 
  
 
  
 
。

所有继承了 Object 的对象都会继承到 hasOwnProperty 方法













。用来检测一个对象是否含有特定的自身属性；和 in 运算符不同              ，该方法会忽略掉那些从原型链上继承到的属性
  
  
  
  
  
  
  。

4. Object.hasOwn(obj, property)

是 Object 的方法
 
 

 
 

 
 

 
 

 
 

 
 

 
 
，也是判断自有属性的  
  
  
  
  
  
  
。

不过要注意浏览器版本兼容问题













，谷歌 93 以上版本才支持
 


 


 


 


 


 


 

。不能贸然使用
 
 
 
 
 
 
 。

MDN推荐用该方法替换掉 hasOwnProperty   
   
   
   
   
   
   
。原话是这样的：“ 建议使用此方法替代 Object.hasOwnProperty()                     ，因为它适用于使用 Object.create(null) 创建的对象以及覆盖了继承的 hasOwnProperty() 方法的对象
 

 

 

 

 

 

 
。尽管可以通过在外部对象上调用 Object.prototype.hasOwnProperty() 解决这些问题 
 
 
 
 
 
 
 
 
 
 
 
 
 
，但是 Object.hasOwn() 更加直观

 

 

 

 

 

 

 。
  
  
  
  
  
  
  ”

以下是运行结果图：

5. Object.prototype.hasOwnProperty.call 方法

判断自有属性：

Object.prototype.hasOwnProperty.call(obj2,studentId)

二  
 
  
 
  
 
  
 
  
 
  
 
  
 
、遍历数组的方法有哪些？

for




















，for...in              ，for...of  
 
  
 
  
 
  
 
  
 
  
 
  
 
，forEach













，map

其中 forEach 会改变原数组
  
  
  
  
  
  
  ，map 会返回一个新的数组  
  
  
  
  
  
  
，得到的结果赋值给一个新的变量接收
 


 


 


 


 


 


 

，如：

const arr=[1, 2]; const result = arr.map((item, index)=>{ return item + 1; }) // result:[2,3] arr还是[1,2]

注意:

for...in 拿到的是数组下标
 
 
 
 
 
 
 ，for...of 拿到的是数组的值； for...in 能遍历对象   
   
   
   
   
   
   
，拿到的是对象的key；for...of 不能遍历对象
 

 

 

 

 

 

 
，会报错 obj is not iterable 不可迭代              。

如果附带其他功能的遍历：

1













、reduce 2
  
  
  
  
  
  
  、filter 3  
  
  
  
  
  
  
、some 4
 


 


 


 


 


 


 

、indexOf 5
 
 
 
 
 
 
 、includes

这里博主只是单纯罗列一下
 
 

 
 

 
 

 
 

 
 

 
 

 
 
。

这些方法什么用处？可以菜鸟教程或mdn查一下

 

 

 

 

 

 

 ，可以见这位同学的总结













。

三   
   
   
   
   
   
   
、2023最新前端面经及行情分析

点击这里：前端面经