JavaScript オブジェクトの一般的なメソッド-フロントエンドQ&A-php.cn

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

PHPz

リリース： 2023-05-12 16:27:37

オリジナル

485 人が閲覧しました

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

オブジェクトの作成

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"

ログイン後にコピー

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

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"

ログイン後にコピー

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

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"]

ログイン後にコピー

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

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

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

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

ログイン後にコピー

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

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

ログイン後にコピー

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

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}

ログイン後にコピー

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}

ログイン後にコピー

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

オブジェクトの凍結

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

ログイン後にコピー

オブジェクト比較

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 サイトの他の関連記事を参照してください。