どうも、ちょげ(@chogetarou)です。
演算子を使ってObject(オブジェクト)にプロパティが存在するかどうか確認する方法を紹介します。
方法
演算子を使ってObject(オブジェクト)のプロパティの存在チェックする方法は、２つあります。
in演算子
１つは、「in」演算子を使う方法です。
具体的には、「in」演算子の左辺にプロパティ、右辺にObjectを指定します。
//obj=オブジェクト、prop=プロパティ
prop in obj上記の「in」演算子は、右辺のObjectに左辺のプロパティが存在すれば「true」、存在しなければ「false」を返します。
使用例
type Numbers = {
[key: string]: number
}
const nums: Numbers = {
"one": 1,
"two": 2,
"three": 3,
"four": 4,
"five": 5,
}
console.log("four" in nums)
console.log("one" in nums)
console.log("nine" in nums)出力：
[LOG]: true
[LOG]: true
[LOG]: false「===」もしくは「!==」
もう１つは、「===」もしくは「!==」を使う方法です。
まず、Objectの存在チェックするプロパティにアクセスします。
そして、アクセスした結果が「undefined」かどうか「===」もしくは「!==」で調べます。
//obj=オブジェクト、prop=プロパティ
obj.prop === undefined //存在しない場合にtrue, 存在する場合にfalseobj.prop !== undefined //存在する場合にtrue, 存在しない場合にfalseObjectのプロパティにアクセスした結果が「undefined」ならば、プロパティは存在しません。
Objectのプロパティにアクセスした結果が「undefined」でなければ、プロパティは存在します。
使用例
type Numbers = {
[key: string]: number
}
const nums: Numbers = {
"one": 1,
"two": 2,
"three": 3,
"four": 4,
"five": 5,
}
console.log(nums.five === undefined)
console.log(nums.nine === undefined)
console.log(nums.three === undefined)出力：
[LOG]: false
[LOG]: true
[LOG]: falseまとめ
演算子を使ってObject(オブジェクト)のプロパティの存在チェックする方法は、次の２つです。
- 「in」演算子を使う方法
prop in obj - 「===」もしくは「!==」を使う方法
obj[prop] === undefinedobj[prop] !== undefined
コメント