JavaScript如何簡(jiǎn)寫Object [key]

這篇文章主要介紹JavaScript如何簡(jiǎn)寫Object [key]，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

Object [key]

雖然將 foo.bar 寫成 foo ['bar'] 是一種常見的做法，但是這種做法構(gòu)成了編寫可重用代碼的基礎(chǔ)。

請(qǐng)考慮下面這個(gè)驗(yàn)證函數(shù)的簡(jiǎn)化示例：

function validate(values) {
  if(!values.first)
    return false;
  if(!values.last)
    return false;
  return true;
}
console.log(validate({first:'Bruce',last:'Wayne'})); // true

上面的函數(shù)完美的完成驗(yàn)證工作。但是當(dāng)有很多表單，則需要應(yīng)用驗(yàn)證，此時(shí)會(huì)有不同的字段和規(guī)則。如果可以構(gòu)建一個(gè)在運(yùn)行時(shí)配置的通用驗(yàn)證函數(shù)，會(huì)是一個(gè)好選擇。

// object validation rules
const schema = {
  first: {
    required:true
  },
  last: {
    required:true
  }
}
 
// universal validation function
const validate = (schema, values) => {
  for(field in schema) {
    if(schema[field].required) {
      if(!values[field]) {
        return false;
      }
    }
  }
  return true;
}
console.log(validate(schema, {first:'Bruce'})); // false
console.log(validate(schema, {first:'Bruce',last:'Wayne'})); // true

現(xiàn)在有了這個(gè)驗(yàn)證函數(shù)，我們就可以在所有窗體中重用，而無(wú)需為每個(gè)窗體編寫自定義驗(yàn)證函數(shù)。

以上是“JavaScript如何簡(jiǎn)寫Object [key]”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！