判断一个对象上是否包含某个属性的几种方法

参考内容：判断一个对象上是否包含 一个属性的几种方法

1，“！==”进行判断，返回是布尔值，这种方法很常见，例如：

let  obj = {name:"zhang" , age:20};
obj.name !=== undefined； // true 表示有这个属性
obj.sex !=== undefined；// fasle 表示无 sex 这个属性
obj.toString !=== undefined; // true 表示对象继承toString属性

2，in的语法：attr in obj；返回是 布尔值，in方法可以检测对象的所有属性，不管是私有还是公有，只要有都显示true

'name' in obj； // true 表示有这个属性
'sex'   in obj；// fasle 表示无 sex 这个属性
'toString'   in obj; // true 表示对象继承toString属性

in 与上面的undefined效果是一样的，但是唯一不同点是 in 可以区分 undefined 的属性值

let  obj = {value：undefined};
obj.value === undefined;  //true
'value'  in obj ; //true

3、for … in：判断一个属性是否在对象上

var obj={ name：‘张学友’，age：18；}
var isExsit =“name”in obj；// name 没有加引号，浏览器默认为变量，会报错，未定义
console.log(isExsit); // true

4、hasOwnProperty() 方法 是检测对象是都某一属性名，返回布尔值，这里只能检测对象的私有属性，继承属性检测不出来

let  obj = {name:"zhang" , age:20};
obj.hasOwnProperty（‘name’）； // true 表示有这个属性
obj.hasOwnProperty（‘sex’）；// fasle 表示无 sex 这个属性
obj.hasOwnProperty（‘toString’）；// fasle 表示没有继承这个属性

5、hasPubProperty：用来检查属性是否为对象的公有属性

function foo() {
  this.name = 'foo'
  this.sayHi = function () {
    console.log('Say Hi')
  }
}

foo.prototype.sayGoodBy = function () {
  console.log('Say Good By')
}

let myPro = new foo()

console.log(myPro.hasOwnProperty('sayHi')) // true
console.log(myPro.hasOwnProperty('sayGoodBy')) // true

6、typeof x；返回的是它的数据类型;
注：typeof-----检测数据类型作用，不能细分object下面的对象，数组，正则...

 typeof true; //  'boolean'
 typeof "abc"; //'string'
 typeof function() {};// 'function'
 typeof {};//  'object'
 typeof [];// 'object'
 typeof null；//object

7、instanceof------即可检测是否是当前实例的类，还可以检查一个实例是否属于这个类
注：可以判断是否是一个数组

var arr=new Array;
arr instanceof Array；// true =>是为true，不是为false
var arr=[]
arr instanceof Array; // true =>是为true，不是为false

8、includes（）：

var name = "王汉炎";    //目标字符串
name.includes('炎');   //  true；返回的是一个布尔值

search(keywords) {
    return this.list.filter(item => {
       if (item.name.includes(keywords)) {// 判断是否包含，包含 true，不包含 false
          return item
        }
   })
}

9、indexof（）：返回某个指定的字符串值在字符串中首次出现的位置。
stringObject.indexOf(searchvalue,fromindex)

searchvalue：必需。规定需检索的字符串值
fromindex：可选；规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

var nameList = ['A', 'B', 'C', 'D', 'E', 'F'];    //目标字符串
nameList .indexOf('C') > -1;   //  true；返回的是一个布尔值

• indexOf() 方法对大小写敏感！
• 如果要检索的字符串值没有出现，则该方法返回 -1。

10、isPrototypeOf（）：检测一个对象是否是另一个对象的原型。或者说一个对象是否被包含在另一个对象的原型链中

var p = {x:1};//定义一个原型对象
var o = Object.create(p);//使用这个原型创建一个对象
p.isPrototypeOf(o);//=>true：o继承p
Object.prototype.isPrototypeOf(p);//=> true p继承自Object.prototype

11，【ES6】for of ：
for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。

// 示例 一：
var arr = ['nick','freddy','mike','james'];
for(var item of arr){   
    console.log(item); // nick，freddy，mike，james，undefined  遍历数组中的每一项
}

// 示例二：
var arr = [
    { name:'nick', age:18 },
    { name:'freddy', age:24 },
    { name:'mike', age:26 },
    { name:'james', age:34 }
];
for(var item of arr){   
    console.log(item.name,item.age);
}
// 'nick',18
// 'freddy',24
// 'mike',26
// 'james',34
// undefined

与 for in 的区别
1，for in可以遍历对象，for of无法循环遍历对象,

var userMsg = {
    0: 'nick', 1: 'freddy', 2: 'mike', 3: 'james'
};
 
for(var key in userMsg){
    console.log(key, userMsg[key]); 
}
// 0: 'nick'
// 1: 'freddy'
// 2: 'mike'
// 3: 'james'

for(var item of userMsg){   
    console.log(item);// TypeError: userMsg is not iterable
}

2, 遍历输出结果不同

var arr = ['nick','freddy','mike','james'];
for(var key in arr){
    console.log(key);   // 0 1 2 3 返回索引值
}

for(var item of arr){   
    console.log(item);// nick，freddy，mike，james
}

3, for in 会遍历所有自定义属性，for of不会遍历新加的属性

var arr = ['nick','freddy','mike','james'];
arr.name = "数组";
 
for(var key in arr){
    console.log(key+': '+arr[key]); 
}
// 0: nick
// 1: freddy
// 2: mike
// 3: james
// name: 数组

for(var item of arr){   
    console.log(item);//  nick，freddy，mike，james
}

4, for of 可以正确响应break、continue和return语句，但是for in 不行

以上的几种方法就是我暂时学到的几种方法。