ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript オブジェクト メソッドの例

JavaScript オブジェクト メソッドの例

Susan Sarandon
リリース: 2024-11-05 13:26:02
オリジナル
207 人が閲覧しました

JavaScript Object Methods Example

JavaScript オブジェクト メソッドの例。

  • Object.keys(obj): オブジェクト独自の列挙可能なプロパティ名 (キー) の配列を返します。
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj));
// Output: ['a', 'b', 'c']
ログイン後にコピー
ログイン後にコピー
  • Object.values(obj): オブジェクト自体の列挙可能なプロパティ値の配列を返します。
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.values(obj));
// Output: [1, 2, 3]
ログイン後にコピー
ログイン後にコピー
  • Object.entries(obj): オブジェクト独自の列挙可能な文字列キー付きプロパティ [キー、値] ペアの配列を返します。
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj));
// Output: [['a', 1], ['b', 2], ['c', 3]]
ログイン後にコピー
ログイン後にコピー
  • Object.isSealed(obj): オブジェクトがシールされている場合は true を返し、そうでない場合は false を返します。
const obj = Object.seal({ a: 1 });
console.log(Object.isSealed(obj));
// Output: true
ログイン後にコピー
ログイン後にコピー
  • Object.assign(target,source): 1 つ以上のソース オブジェクトからターゲット オブジェクトにすべての列挙可能なプロパティの値をコピーします。対象のオブジェクトを返します。
const target = { a: 1 };
const source = { b: 2, c: 3 };
const result = Object.assign(target, source);
console.log(result);
// Output: { a: 1, b: 2, c: 3 }
ログイン後にコピー
ログイン後にコピー
  • Object.freeze(obj): オブジェクトをフリーズし、新しいプロパティの追加や既存のプロパティの削除や再構成を防ぎます。
const obj = { name: 'Khabib' };
Object.freeze(obj);
obj.name = 'Bob'; // This won't change the value
console.log(obj.name); // Output: 'Khabib'
ログイン後にコピー
ログイン後にコピー
  • Object.seal(obj): オブジェクトをシールして、新しいプロパティの追加を防ぎますが、既存のプロパティの変更を許可します。
const obj = { name: 'Alice' };
Object.seal(obj);
obj.name = 'Bob'; // This will update the value
obj.age = 25; // This won't add a new property
console.log(obj); // Output: { name: 'Bob' }
ログイン後にコピー
ログイン後にコピー
  • Object.create(proto): 指定されたプロトタイプ オブジェクトとプロパティを使用して新しいオブジェクトを作成します。
const person = {greet() {console.log('Hello!');}};
const student = Object.create(person);
student.greet();
// Output: 'Hello!'
ログイン後にコピー
  • Object.defineProperty(obj, prop, descriptor): オブジェクト上で新しいプロパティを直接定義するか、既存のプロパティを変更します。
const obj = {};
Object.defineProperty(obj, 'name', {
value: 'Alice',
writable: false });
console.log(obj.name); // 'Alice'
ログイン後にコピー
  • Object.defineProperties(obj, props): オブジェクトの複数の新しいプロパティを定義するか、既存のプロパティを変更します。
const obj = {};
Object.defineProperties(obj, {
name: { value: 'Cormier', writable: false },
age: { value: 30, writable: true } });
console.log(obj.name); // 'Cormier'
ログイン後にコピー
  • Object.isExtensible(obj): オブジェクトが拡張可能かどうか (つまり、新しいプロパティを追加できるかどうか) を判断します。
const obj = {};
console.log(Object.isExtensible(obj)); // true
Object.preventExtensions(obj);
console.log(Object.isExtensible(obj)); // false
ログイン後にコピー
  • Object.isFrozen(obj): オブジェクトがフリーズされているかどうかを判断します (つまり、拡張不可能で、すべてのプロパティが書き込み可能ではありません)。
const obj = Object.freeze({ name: 'Gregor' });
console.log(Object.isFrozen(obj));
// output: true
ログイン後にコピー
  • Object.hasOwn(obj, prop): 指定されたオブジェクトが、指定されたプロパティを独自のプロパティとして持つ場合、プロパティの値が未定義であっても true を返します。
const obj = { name: 'Alice' };
console.log(Object.hasOwn(obj, 'name')); // true
console.log(Object.hasOwn(obj, 'age')); // false
ログイン後にコピー
  • Object.hasOwnProperty(prop): 指定されたプロパティがそのオブジェクトの直接プロパティとしてオブジェクトに含まれており、プロトタイプ チェーンを介して継承されていないかどうかを判断します。
const obj = { name: 'Alice' };
console.log(obj.hasOwnProperty('name')); // true
console.log(obj.hasOwnProperty('age')); // false
ログイン後にコピー
  • Object.preventExtensions(obj): 新しいプロパティがオブジェクトに追加されないようにします。
const obj = {};
Object.preventExtensions(obj);
obj.name = 'Khabib'; // Won't be added
console.log(obj); // {}
ログイン後にコピー
  • Object.setPrototypeOf(obj, proto): 指定されたオブジェクトのプロトタイプ (内部 [[Prototype]] プロパティ) を設定します。
const proto = { greet() {console.log('Hello!');}};
const obj = {};
Object.setPrototypeOf(obj, proto);
obj.greet(); // 'Hello!'
ログイン後にコピー
  • Object.fromEntries(iterable): キーと値のペアのリストをオブジェクトに変換します。
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj));
// Output: ['a', 'b', 'c']
ログイン後にコピー
ログイン後にコピー
  • Object.getPrototypeOf(obj): 指定されたオブジェクトのプロトタイプ (内部 [[Prototype]] プロパティ) を返します。
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.values(obj));
// Output: [1, 2, 3]
ログイン後にコピー
ログイン後にコピー
  • Object.getOwnPropertySymbols(obj): オブジェクトで見つかったすべてのシンボル プロパティの配列を返します。
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj));
// Output: [['a', 1], ['b', 2], ['c', 3]]
ログイン後にコピー
ログイン後にコピー
  • Object.getOwnPropertyDescriptor(obj, prop): 指定されたオブジェクトの特定のプロパティのプロパティ記述子を返します。
const obj = Object.seal({ a: 1 });
console.log(Object.isSealed(obj));
// Output: true
ログイン後にコピー
ログイン後にコピー
  • Object.getOwnPropertyNames(obj): オブジェクトで見つかったすべてのプロパティ (列挙不可能なプロパティを含む) の配列を返します。
const target = { a: 1 };
const source = { b: 2, c: 3 };
const result = Object.assign(target, source);
console.log(result);
// Output: { a: 1, b: 2, c: 3 }
ログイン後にコピー
ログイン後にコピー
  • Object.is(value1, value2): 2 つの値が同じかどうかを比較します。
const obj = { name: 'Khabib' };
Object.freeze(obj);
obj.name = 'Bob'; // This won't change the value
console.log(obj.name); // Output: 'Khabib'
ログイン後にコピー
ログイン後にコピー
  • Object.getOwnPropertyDescriptors(obj): オブジェクトのすべての独自のプロパティ記述子を返します。
const obj = { name: 'Alice' };
Object.seal(obj);
obj.name = 'Bob'; // This will update the value
obj.age = 25; // This won't add a new property
console.log(obj); // Output: { name: 'Bob' }
ログイン後にコピー
ログイン後にコピー

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

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート