ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript オブジェクトを理解する方法

JavaScript オブジェクトを理解する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-07-22 14:25:262386ブラウズ

JS またはオブジェクト指向プログラミング言語では、オブジェクトはプロパティとメソッドの組み合わせです。属性には、属性名と属性値が含まれます。この値には、任意のタイプのデータまたは関数を指定できます。この場合、関数はメソッドとも呼ばれます。

JavaScript オブジェクトを理解する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

1.1 オブジェクトとは何ですか?

オブジェクトは物です。現実世界では、ボール、テーブル、車はすべてオブジェクトです。

オブジェクトとは、特定の方法で影響を与えたり操作したりできる、記述可能な特性を持つものです。

JS またはオブジェクト指向プログラミング言語では、オブジェクトはプロパティとメソッドの組み合わせです。

属性には、属性名と属性値が含まれます。この値には、任意のタイプのデータまたは関数を指定できます。この場合、関数はメソッドとも呼ばれます。

JS では、目にするものはほとんどすべてオブジェクトなので、オブジェクトの詳細について学びましょう。

1.2 オブジェクトの特徴?

オブジェクトには、オブジェクトの特性である属性があります。ドット表記を通じてオブジェクトの属性にアクセスできます。

objectName.propertyName;

オブジェクトを実際のボールにたとえると、ボールは属性、色、サイズを持つオブジェクトです。これらは次のように表現できます。

var ball = new Object();
ball.color = “red";
ball.size = 12;

オブジェクトには、オブジェクトの動作を定義するために使用されるメソッドもあります。

たとえば、ボールには、どれだけ遠くまで転がるかを計算するためのローリング メソッドと、どれだけ高くジャンプできるかを計算するためのバウンス メソッドがある場合があります。

は次のように表現できます:

ball.roll = function() {
return this.size * laps
}

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

前述したように、ドット表記を通じてオブジェクトのプロパティにアクセスできますが、この場合、ドット表記を通じてオブジェクトのプロパティにアクセスできます。

var ball = new Object();
ball.color = “red";
ball.size = 12;
var spec = “color”;
ball.spec ??

ここでは、変数仕様があり、この変数仕様を通じてオブジェクト プロパティにアクセスする必要があると仮定します。

しかし、ドット表記を使用すると、ball の spec 属性にアクセスし、未定義を返します。これは、spec が変数ではなくプロパティとして直接扱われることを示します。

変数の値をオブジェクトの属性として取得したい場合はどうすればよいでしょうか?

角括弧表記を使用してアクセスできます。この表記は属性名で動的に決定されるため、変数に格納されている文字列を通じて属性にアクセスできます:

ball[spec]; // red

1.4 プロパティを列挙します。オブジェクトの

さらに、for in ループ ステートメントを通じてオブジェクトのすべてのプロパティを列挙できます。

var ball = {color: “red”, size: 12, border: 2};
for (var prop in ball) {
console.log(“ball.” + prop + “=“ + obj[prop]);
}
// ball.color = red
// ball.size = 12
// ball.border = 2
// 如果希望继承的属性不显示,那么可以用hasOwnProperty函数来过滤一遍
var bar = {a: 1, b: 2, c: 3};
function Foo() {
this.color = 'red';
}
Foo.prototype = bar;
var obj = new Foo();
for (var prop in obj) {
if (obj.hasOwnProperty(prop)) {
console.log(prop);
}
}

また、Object.keys(obj) を通じてプロパティ名のコレクションを返すこともできます。 ) メソッド配列:

var obj = {a: “123”, b: “das”, c: “web”};
console.log(Object.keys(obj)); // [“a”,”b”,”c”];
var arr = [“a”, “b”, “c”];
console.log(Object.keys(arr)); // [“0”,”1”,”2”];

[推奨学習: JavaScript 上級チュートリアル]

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。