javascript对象

最新推荐文章于 2024-06-14 11:01:38 发布

Neveah Chen

最新推荐文章于 2024-06-14 11:01:38 发布

阅读量502

点赞数

分类专栏：前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_46106931/article/details/128884502

版权

前端专栏收录该内容

3 篇文章 1 订阅

订阅专栏

JS对象是属性和方法的命名值的容器

他是易变的因为是通过引用寻址的

JS中除了原始值（string，number，boolean，null，undefined）之外都是对象

以名称值书写的对象类似于java中的哈希映射

对象创建方法：

1.对象文字法 var person{name;Bob;eyecoloor:blue;};

2.new 创建 var person=new object();

person.name=''bill";(添加属性)

delete person.age(删除属性)

对象方法：方法是作为属性来存储的函数定义

所以当你name=person.fullname不加(),只能得到函数定义

function(){return this.firstname+this.lastname}

如何显示对象的属性们呢？

1.按名称显示people.name

2.循环显示

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 对象</h1>

<p>显示对象属性：</p>

<p id="demo"></p>

<script>
const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};

let txt = "";
for (let x in person) {
  txt += person[x] + " ";
};

document.getElementById("demo").innerHTML = txt;
</script>

</body>
</html>

3.object.values() js对象转为数组