詳解Object.values(),Object.keys(),Object.entries(),Object.create(),includes()

(1)Object.keys()

 //       返回數組,成員是參數對象自身的(不含繼承的)全部可遍歷(enumerable)屬性的鍵名。javascript

eg:var obj = {a:1,b:'gy'}
           Object.keys(obj)  // ['a','b']


(2)Object.values()  

//返回 值  數組html

    返回數組,成員是參數對象自身的(不含繼承的)全部可遍歷(enumerable)屬性的鍵值java

eg1:var obj = {a:1,b:'gy'}
         Object.values(obj) //['a','b']
    eg2:var obj = Object.create({},{p:{value:42}});
           Object.values(obj) //[]
           //Oject.create的第二個參數添加的對象屬性,若是不顯示聲明,默認是不可遍歷的,因此Object.values不會返回這個屬性
   eg3:Object.values({[Symbol()]:123,foo:'abc'})  //['abc']
        Object.values 會過濾屬性名爲 Symbol 值得屬性
   eg4:Object.values('foo')  //['f','0','o']
         //若是參數不是對象,Object會將其轉爲對象
   eg5:Object.values(42)   //[]
         Object.values(true)  //[]
         //數值和boolean的包裝對象 ,都不會成爲實例添加非繼承的屬性

 (3)Object.entries()

//返回 鍵值對  數組數組

var obj = {a:'11',b:'name'}
    Object.entries(obj) //[['a','11'],['b',22]]
    //用法和Object很是類似

(4)Object.create()  

//用對象去(帶原型帶屬性)建立新對象spa

//使用指定的原型對象及其屬性去新建一個新的對象
   var o = Object.create(Object.prototype,{
        foo:{
           writable:true,
           configurable:true,
           value:'hello'
        },
        bar:{
           configurable:false,
           get:function(){return 10},
           set:function(value){
              console.log('-----')
           }
        }
   })
   console.log(o)

(5)includes()

//用來判斷一個數組是否包含指定的值,true/falseprototype

arr.includes(searchElement)
   arr.includes(searchElement,fromIndex)//fromIndex :從該索引處日後查找,
   (1)至關於indexOf的補充
       var arr = ['a','b','c','d','NaN']
       arr.incudes('NaN')//true
       arr.indexOf('NaN')  //-1
   (2)第二個參數表示判斷的起始位置
      爲負數時:從右面過來第幾個,搜索方向仍是從左到右

參考: http://www.cnblogs.com/lmxxlm-123/p/9651579.htmlcode

相關文章
相關標籤/搜索