JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでオブジェクトのプロパティを削除する方法（delete演算子の使い方）

JavaScriptでは、deleteキーワード（delete演算子）を使用することで、オブジェクトから特定のプロパティとその値をまとめて削除することができます。

一度削除されたプロパティは、再度追加し直さない限り使用できません。削除後にそのプロパティへアクセスすると、エラーにはならずundefinedが返される点に注意しましょう。

サンプルコード

以下は、cricketerオブジェクトからpointsプロパティを削除する例です。

<html>
<body>
<p id="demo"></p>
<script>
var cricketer = {
    name:"John",
    rank:3,
    points: 800
};
delete cricketer.points;
document.getElementById("demo").innerHTML =
cricketer.name + " scored" + ' '+cricketer.points
</script>
</body>
</html>

実行結果

John scored undefined

解説

このコードでは、delete cricketer.points;によってpointsプロパティがオブジェクトから完全に削除されます。そのため、削除後に出力処理でcricketer.pointsを参照しても、該当するプロパティが存在せずundefinedが表示されます。

delete演算子を使用する際のポイント

・delete演算子で削除できるのは、オブジェクトのプロパティのみです。
・varやlet、constで宣言した変数や関数宣言は削除できません。
・配列の要素に対してdeleteを使用すると、要素は削除されますが配列の長さ（length）は変わりません。要素を詰めたい場合はsplice()メソッドを使いましょう。

  1. JavaScript関数からオブジェクトを返す方法をわかりやすく解説

    JavaScriptの関数からオブジェクトを返すには、return文を使用します。オブジェクト内のプロパティやメソッドにアクセスする際は、thisキーワードを活用すると便利です。この記事では、実際のコード例を使いながら、JavaScript関数からオブジェクトを返す基本的な方法を解説します。基本的な考え方JavaScriptでは、オブジェクトの中にメソッド（関数）を定義できます。そのメソッド内でreturn文を使えば、処理結果や値を呼び出し元に返すことができます。また、thisキーワードを参照することで、同じオブジェクト内の他のプロパティにアクセス可能です。サンプルコード以下のコードでは、従業

  2. JavaScriptオブジェクトからプロパティを削除する方法｜delete演算子の使い方

    JavaScriptのオブジェクトからプロパティを削除するには、delete演算子を使用します。delete演算子を使うと、指定したプロパティがオブジェクトから完全に取り除かれます。なお、単にプロパティに undefined を代入した場合と異なり、delete演算子を使えばプロパティそのものをオブジェクトから削除できる点に注意してください。サンプルコード<!DOCTYPE html> <html> <body> <h1>JavaScript Object Properties Example</h1> <h2 class=&q