十二、对象
对象(object):JavaScript里的一种数据类型,无序的数据集合
作用:用来描述某个事物
(一)对象的使用
1.声明
let 对象名 = {
}
(优先级)[数组] {对象}:括号区分优先级,数据用中括号[ ],对象用大括号{ }
2.使用
(1)定义
let 对象名 = {
属性名:属性值,
方法名:函数
}
属性名一般用具有实意的名词,方法名一般用动词(get、set等)
(2)查
a、对象.属性名
b、对象名['属性名']-----当属性名为类似goods-name的字符串时使用。
(3)改
对象.属性名=重新赋值
(4)增
对象.新属性名=赋值
(5)删(了解--不常用)
delete 对象名.属性名
(6)对象中的方法
let 对象名 = {
方法名:函数
}
在对象中的方法函数推荐直接在页面输出结果
(7)遍历对象
for (let k in 对象名) {
}
k输出为对象的属性名
k可以是任何英文,但推荐用k(保证专业性)
尝试:用上述方式遍历数组:
用该法遍历对象
数组对象:(*)
let student=[
{属性名:属性值,属性名:属性值 },
{属性名:属性值,属性名:属性值 }
]
常用于批量遍历页面数据
练习:
分析:需要遍历的是表格中有关具体信息的行<tr>td*5</tr>
js代码:
css代码:
也可js+html (只讲需要循环的部分用script标签包裹)
(7)内置对象
javaScript内部提供的对象,有各种属性和方法可供用户直接使用(例:document.write ())
Math内置对象(*)
包含属性有:
PI:数字Π(3.1415926.....)
包含方法:
其他方法可搜索mdn进行具体查看
Math.round() :四舍五入
null也是一种对象数据类型,是一个空对象
Math.random( ):取[0,1)之间的随机数
(1)
(2)生成N-M之间的随机数:
Math.floor(Math.random()*(M-N+1)+N)
可将其设为一个生成N-M之间随机数的方法:
function getRandom(N,M) {
return Math.floor(Math.random()*(M-N+1)+N)
}
JavaScript专业术语:
(1)
(2)数据类型:
基本数据类型(存放值)+引用数据类型(存放地址位置)
引用数据类型也被称为复杂数据类型(li)
栈:存放基本数据类型
堆:存放引用数据类型
练习:
生成随机颜色