JavaScript オブジェクトの一般的なメソッド

JavaScript は、インタラクティブな Web ページや動的な Web アプリケーションの作成に使用される人気のあるプログラミング言語です。その最も重要な部分はオブジェクトであり、プログラマーはこれを使用してデータを作成、保存、操作できます。この記事では、JavaScript オブジェクトの一般的なメソッドについて詳しく説明します。

1. オブジェクトの作成

JavaScript では、2 つの方法でオブジェクトを作成できます。 1 つ目は、オブジェクト リテラルを使用することです。これは、キーと値のペアを含むオブジェクトを作成するためのシンプルで直感的な構文です。例:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

2 番目の方法は、コンストラクターを使用することです。コンストラクターは、オブジェクトの作成に使用される特別な関数です。キーワード new と関数名を使用して、新しいインスタンスを作成します。例:

function Person(firstName, lastName) { 
    this.firstName = firstName; 
    this.lastName = lastName; 
    this.sayHello = function() { 
        console.log("Hello, my name is " + this.firstName + " " + 
        this.lastName); 
    } 
}

let john = new Person("John", "Doe"); 
john.sayHello(); // 输出 "Hello, my name is John Doe"

2. オブジェクト プロパティへのアクセスと変更

JavaScript では、ドット演算子または角括弧演算子を使用してオブジェクト プロパティにアクセスし、変更できます。例:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

console.log(person.firstName); // 输出 "John"
person.age = 40;
console.log(person.age); // 输出 40 

person["lastName"] = "Smith";
console.log(person.lastName); // 输出 "Smith"

3. オブジェクト プロパティのトラバース

JavaScript でオブジェクト プロパティをトラバースする一般的なメソッドは、for-in ループと Object.keys() メソッドの 2 つです。

for-in ループを使用して、オブジェクトの列挙可能なプロパティをすべて走査します。例:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

for (let prop in person) { 
    console.log(prop + ": " + person[prop]); 
} 

/*
输出：
firstName: John
lastName: Doe
age: 30
*/

Object.keys() メソッドを使用して、オブジェクトの列挙可能なすべてのプロパティの名前を含む配列を返します。例:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let props = Object.keys(person);
console.log(props); // 输出 ["firstName", "lastName", "age"]

4. オブジェクト プロパティの削除

JavaScript では、delete 演算子を使用してオブジェクトのプロパティを削除できます。例:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

delete person.age; // 删除age属性
console.log(person); // 输出 {firstName: "John", lastName: "Doe"}

5. オブジェクト プロパティが存在するかどうかを確認する

JavaScript では、in 演算子または hasOwnProperty() メソッドを使用して、オブジェクトにプロパティが含まれているかどうかを確認できます。ある物件。例:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

console.log("firstName" in person); // 输出 true
console.log("gender" in person); // 输出 false

console.log(person.hasOwnProperty("firstName")); // 输出 true
console.log(person.hasOwnProperty("gender")); // 输出 false

6. オブジェクト プロパティの名前変更

JavaScript では、新しいプロパティを作成し、その値を古いプロパティの値に設定することでこれを行うことができます。次に、delete 演算子を使用して、古いプロパティを削除してオブジェクト プロパティの名前を変更します。例:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

person.fullName = person.firstName + " " + person.lastName;
delete person.firstName;
delete person.lastName;

console.log(person); // 输出 {fullName: "John Doe", age: 30}

7. Clone Object

JavaScript では、Object.assign() メソッドまたはスプレッド演算子 (...) を使用して、オブジェクトの浅いクローンを作成できます。物体。これは、元のオブジェクトとコピー オブジェクトが同じ参照型のプロパティを共有することを意味します。例:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let clone = Object.assign({}, person);
console.log(clone); // 输出 {firstName: "John", lastName: "Doe", age: 30}

let { ...copy } = person;
console.log(copy); // 输出 {firstName: "John", lastName: "Doe", age: 30}

ディープ クローンを作成するには、つまり、コピー オブジェクトに新しい参照値タイプのプロパティを作成するには、再帰関数またはライブラリ関数を使用する必要があります。

8. オブジェクトの凍結

JavaScript では、Object.freeze() メソッドを使用してオブジェクトを凍結し、そのプロパティやメソッドの変更を禁止できます。例:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

Object.freeze(person);

person.age = 40;
console.log(person.age); // 输出 30

person.fullName = person.firstName + " " + person.lastName;
console.log(person.fullName); // 输出 undefined

9. オブジェクト比較

JavaScript では、== 演算子と === 演算子を使用して 2 つのオブジェクトを比較すると、true のみが返されます。 2 つのオブジェクトが同じオブジェクトを参照している場合。 2 つのオブジェクトのプロパティとメソッドを比較する必要がある場合は、それぞれのプロパティとメソッドを手動で比較する必要があります。例:

let person1 = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let person2 = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let isEqual = true;

for (let prop in person1) { 
    if (person1[prop] !== person2[prop]) { 
        isEqual = false; 
        break; 
    } 
}

console.log(isEqual); // 输出 true

要約すると、オブジェクトは JavaScript プログラミングの基本概念であり、構成要素です。 JavaScript オブジェクトの一般的なメソッドを理解すると、プログラマはデータをより効率的に作成、保存、操作できるようになり、より優れた Web アプリケーションを構築できるようになります。

以上がJavaScript オブジェクトの一般的なメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。