Home > Web Front-end > Front-end Q&A > What are object properties in javascript

What are object properties in javascript

WBOY
Release: 2022-04-11 14:12:50
Original
2642 people have browsed it

In JavaScript, the properties of an object refer to the values ​​related to the object. An object is a collection of unordered properties. Properties can usually be modified, added and deleted. The syntax for accessing object properties is "objectName.property ” or “objectName["property"]”.

What are object properties in javascript

The operating environment of this tutorial: Windows 10 system, JavaScript version 1.8.5, Dell G3 computer.

What are object properties in JavaScript

Properties are the most important part of any JavaScript object.

Properties refer to values ​​associated with JavaScript objects.

JavaScript objects are collections of unordered properties.

Properties can generally be modified, added, and deleted, but some properties are read-only.

Access JavaScript properties

The syntax for accessing object properties is:

objectName.property           // person.age
Copy after login

or:

objectName["property"]       // person["age"]
Copy after login

or:

objectName[expression]       // x = "age"; person[x]
Copy after login

The expression must Evaluated as a property name.

The example is as follows:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 对象属性</h1>
<p>访问对象属性有两种不同的方法:</p>
<p>您可以使用 .property 或 ["property"]。</p>
<p id="demo"></p>
<script>
var person = {
  firstname:"Bill",
  lastname:"Gates",
  age:62,
  eyecolor:"blue"
};
document.getElementById("demo").innerHTML = person.firstname + " is " + person.age + " years old.";
</script>
</body>
</html>
Copy after login

Output result:

What are object properties in javascript

##[Related recommendations:

javascript video tutorialwebfrontend

The above is the detailed content of What are object properties in javascript. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template