ホームページ > 記事 > ウェブフロントエンド > JavaScript での in 演算子の使用法は何ですか?
JavaScript での in 演算子の使用法は何ですか?
- 不言オリジナル
- 2018-11-30 15:03:583392ブラウズ
JavaScript での in 演算子の使用法は何ですか? での in 演算子の使用法は何ですか?この記事ではJavaScript での in 演算子の使用法は何ですか?におけるin演算子の使い方を紹介します。具体的な内容を見ていきましょう。
#まず、オブジェクトに対する in 演算子の使用法を見てみましょう
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
function exec() {
var data = new Object();
data.id = 10;
data.name = "曲奇饼干";
data.price = 150;
data.code = "PK-01";
var elem = document.getElementById("output");
var fieldname = "price";
if (fieldname in data == true) {
elem.innerText = "data 至" + fieldname + " 字段存在。";
} else {
elem.innerText = "data 至 " + fieldname + "字段不存在。";
}
}
</script>
</head>
<body>
<input type="button" value="Exec" onclick="exec();" />
<div id="output">输出</div>
</body>
</html>手順:次のコードを使用してオブジェクトを作成し、値を割り当てます。 var data = new Object(); data.id = 10; data.name = "曲奇饼干"; data.price = 150; data.code = "PK-01";in 演算子を使用して、fieldname 変数に割り当てられたフィールド (メンバー) がオブジェクトとオブジェクトに存在するかどうかを確認します。このコードでは、オブジェクトに「price」が存在するかどうかを確認するコードです。先のオブジェクトの初期化部分にpriceの値が代入されているため、in演算の結果がtrueとなり、「price」フィールドが出力領域には「データ」の情報が表示されます。
var elem = document.getElementById("output");
var fieldname = "price";
if (fieldname in data == true) {
elem.innerText = "data 中 " + fieldname + " 字段存在";
} else {
elem.innerText = "data 中" + fieldname + " 字段不存在。";
}実行結果Webブラウザで上記のHTMLファイルを表示すると、以下のような効果が表示されます。
前の HTML ファイルの exec 関数の部分を次のコードに変更します。
var fieldname ="price";
は
var fieldname = "detail";
になります。 データ オブジェクトがないため、in 操作の結果は false になります。
function exec() {
var data = new Object();
data.id = 10;
data.name = "曲奇饼干";
data.price = 150;
data.code = "PK-01";
var elem = document.getElementById("output");
var fieldname = "detail";
if (fieldname in data == true) {
elem.innerText = "data 中" + fieldname + " 字段存在。";
} else {
elem.innerText = "data 中 " + fieldname + "字段不存在。";
}
}実行結果
Webブラウザを使用して上記のHTMLファイルを表示すると、以下のような効果が表示されます。
[実行]ボタンをクリックすると、「データ内の価格フィールドが存在しません」というメッセージが表示されます。
配列で in 演算子を使用する場合、次の場所で配列要素を決定できます。指定した位置が有効か無効(=未定義)か。
具体的な例を見てみましょう
コードは次のとおりです
<br/>
手順:
次のコードを通じて配列を初期化し、値を割り当てます。
var data = new Array("Penguin", "Duck", "Pigion", "Owl", "Hawk");in 演算子を使用して、配列データの 2 番目の要素が有効かどうかを判断します。このコード配置を作成した後は、特別な処理を行っていないため有効となり、結果は true となり、ページ上には「2 番目の要素は有効です」という文字が表示されます。
var elem = document.getElementById("output");
if (2 in data == true) {
elem.innerText = "第二个元素有效。";
} else {
elem.innerText = "第二个元素无效。";
}実行結果
Webブラウザを使用して上記のHTMLファイルを表示します。以下のような効果が表示されます。
[実行]ボタンをクリックすると、画面の出力欄に「2番目の要素は有効です」というメッセージが表示されます。
#要素が無効になった場合のコード
上記の HTML ファイルを次のコードに変更します。
説明: 変更のポイントは、次の exec 関数の要素を削除するコードを追加することです。 function exec() {
var data = new Array("Penguin", "Duck", "Pigion", "Owl", "Hawk");
delete data[2];
var elem = document.getElementById("output");
if (2 in data == true) {
elem.innerText = "第二个元素有效。";
} else {
elem.innerText = "第二个元素无效。";
}
}次のコードにより、データ配列の 2 番目の要素 (3 番目) を削除します。 deleteでは要素は削除されないため、削除前後で配列の長さは変わりません。ただし、data[2]の要素が削除されているため、data[2]は未定義となります。 delete data[2];実行結果Webブラウザを使用して上記のHTMLファイルを表示します。以下のような効果が表示されます。
[実行]ボタンをクリックすると、deleteコマンドでdata[2]が削除されているため、出力に「2番目の要素が無効です」というメッセージが表示されます。分野。 
以上がJavaScript での in 演算子の使用法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。