JavaScript内のオブジェクトに値が存在するかどうかをチェックする方法

Question

私の角工場サービスでデータを取得する機能があります。オブジェクトを使用する前にオブジェクト内に特定の値が存在することを確認するにはどうすればよいですか？ここ

は...私は...

categories.fetch = function(app){ 
    if(!app.subject.name.length){ 
    return false; 
    } 
    var p = Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()}); 
} 

をしようとしてきたものを

おかげ

ので、私はちょうど価値が restanguarコールで使用する前に app.subject.nameであることを確認したいです

Answer 1

あなたのコードでは、lengthプロパティの値を取得し、if/thenテストの目的のために、ブールに変換しようとすると、その値はであることを起こる場合は、このエラーがスローされますされます0。あなたのテストは単純であれば

また、：app.subject.name値は両方完全に有効な値は0またはfalse、同様に、falsy値であることを起こる場合は、偽陽性を取得します。

文字列の場合、最も簡単なテストは、空でない文字列とnull以外の文字列をチェックすることです。値がエンドユーザによって提供された場合は、誤って追加されている可能性のある先頭または末尾のスペースを削除するために、文字列の最初に.trim()を呼び出すことをお勧めします。また

var myObj = { 
 
    test : 0, 
 
    testing : null 
 
} 
 

 

 
// This will fail with an error when the value is null 
 
/* 
 
if(myObj.testing.length){ 
 
    console.log("The testing property has a value."); 
 
} else { 
 
    console.log("The testing property doesn't have a value."); 
 
} 
 
*/ 
 

 
// This will return a false positive when the value is falsy 
 
if(myObj.test){ 
 
    console.log("The test property has a value."); 
 
} else { 
 
    console.log("The test property doesn't have a value."); // <-- Incorretly reports this 
 
} 
 

 
// This explicit test will pass and fail correctly 
 
if(myObj.testing !== "" && myObj.testing !== null){ 
 
    console.log("The testing property has a value."); 
 
} else { 
 
    console.log("The testing property doesn't have a value."); 
 
}

、値が存在する場合、ifの真の枝にあなたのコードを配置し、約return falseを心配しないでください。

categories.fetch = function(app){ 
    if(app.subject.name !== "" && app.subject.name !== null) { 
    var p = 
     Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()}); 
    } 

Answer 2

hasOwnPropertyを（）メソッドは、オブジェクトが指定されたプロパティを持つかどうかを示すブール値を返します。そのような単純なMDN Docs

例

var priceOfFood = { 
    pizza: 14, 
    burger 10 
} 

priceOfFood.hasOwnProperty('pizza') // true 
priceOfFood['pizza'] // 14 
priceOfFood.hasOwnProperty('chips') // false 
priceOfFood['chips'] // undefined 

Answer 3

：

if(!app.subject.name){ 
     return ; 
    } 

Answer 4

私は質問がLodashについて質問はありませんけど、私はそれで多くのことを確認し、この種の操作を行うために管理し、それは完璧に動作します。

categories.fetch = function(app){ 
    if (_.isEmpty(_.get(app, "subject.name"))) { 
    return false; 
    } 
var p = Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()}); 
} 

それとも単に：

categories.fetch = function(app){ 
    if (!_.get(app, "subject.name")) { 
    return false; 
    } 
var p = Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()}); 
} 

あなたは鍵は、あなたがこのようにそれを行うことができ、アプリケーションのオブジェクトの内部で利用できない可能性があることが予想される場合は

categories.fetch = function(app){ 
    if (_.isEmpty(app.subject.name)) { 
    return false; 
    } 
var p = Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()}); 
} 

：あなたのケースでは、このようなものになるだろう