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";
var elem = document.getElementById("output"); var fieldname = "price"; if (fieldname in data == true) { elem.innerText = "data 中 " + fieldname + " 字段存在"; } else { elem.innerText = "data 中" + fieldname + " 字段不存在。"; }
前の 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 演算子の使用配列で 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 = "第二个元素无效。"; }
実行結果
<br/>Webブラウザを使用して上記のHTMLファイルを表示します。以下のような効果が表示されます。
[実行]ボタンをクリックすると、画面の出力欄に「2番目の要素は有効です」というメッセージが表示されます。
#要素が無効になった場合のコード
上記の HTML ファイルを次のコードに変更します。
输出
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 = "第二个元素无效。"; } }
delete data[2];
[実行]ボタンをクリックすると、deleteコマンドでdata[2]が削除されているため、出力に「2番目の要素が無効です」というメッセージが表示されます。分野。
以上がJavaScript での in 演算子の使用法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。