JS基础语法5

JS学习笔记5

对象

对象是 JavaScript 数据类型的一种,之前已经学习了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。

声明

1
2
3
// 声明对象类型变量,使用一对花括号
// user 便是一个对象了,目前它是一个空对象
let user = {}

属性

数据描述性的信息称为属性,如人的姓名、身高、年龄、性别等,一般是名词性的。

  1. 属性都是成 对出现的,包括属性名和值,它们之间使用英文 : 分隔
  2. 多个属性之间使用英文 , 分隔
  3. 属性就是依附在对象上的变量
  4. 属性名可以使用 ""'',一般情况下省略,除非名称遇到特殊符号如空格、中横线等
1
2
3
4
5
6
7
8
9
10
11
<script>
// 通过对象描述一个人的数据信息
// person 是一个对象,它包含了一个属性 name
// 属性都是成对出现的,属性名 和 值,它们之间使用英文 : 分隔
let person = {
name: '小明', // 描述人的姓名
age: 18, // 描述人的年龄
stature: 185, // 描述人的身高
gender: '男', // 描述人的性别
}
</script>

声明对象,并添加了若干属性后,可以使用 .[] 获得对象中属性对应的值(访问)

1
2
 console.log(person['stature']) // 结果为 185
因为有的属性名加了引号,以字符串的形式'name-product'

增加和修改

对象.属性=新值

对象.新属性=值

(没有就是新增,有就是修改)

注:无论是属性或是方法,同一个对象中出现名称一样的,后面的会覆盖前面的。

删除

delete 对象.属性

方法

数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。

  1. 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
  2. 多个属性之间使用英文 , 分隔
  3. 方法是依附在对象中的函数
  4. 方法名可以使用 ""'',一般情况下省略,除非名称遇到特殊符号如空格、中横线等
1
2
3
4
5
6
7
let obj={
uname='',
sum:function(){

},
type='',
}

方法也可以根据属性类型的方式进行添加

==遍历对象==

1
2
3
4
5
for (let key in obj){
console.log(obj[key])
}
typeof key 返回值是字符串型
所以 obj[key]相当于用了第二种访问属性的方式

内置对象

console,document,Math

简单和复杂数据类型

简单数据类型放栈里,复杂数据类型内容在堆里。定义的变量是放在栈里指向复杂数据类型内容的指针


JS基础语法5
https://wjcbolg.cn/2023/04/21/JS学习笔记5/
作者
JasonWang
发布于
2023年4月21日
许可协议
BY-JW