JavaScript 基础第五天-对象
什么是对象
对象(object):JavaScript里的一种数据类型
可以理解为是一种无序的数据集合, 注意数组是有序的数据集合
用来描述某个事物,例如描述一个人
人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能
如果用多个变量保存则比较散,用对象比较统一
比如描述 班主任 信息:
静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示
动态行为 (点名, 唱, 跳, rap) => 使用函数表示
小结
1. 对象是什么?
对象是一种数据类型
无序的数据的集合
2. 对象有什么特点?
无序的数据的集合
可以详细的描述描述某个事物
对象使用
目标:掌握对象语法,用它保存多个数据
1. 对象声明语法
let 对象名 = { }
let 对象名 = new object()
2. 对象有属性和方法组成
属性:信息或叫特征(名词)。 比如 手机尺寸、颜色、重量等…
方法:功能或叫行为(动词)。 比如 手机打电话、发短信、玩游戏…
属性
数据描述性的信息称为属性,如人的姓名、身高、年龄、性别等,一般是名词性的。
属性都是成 对出现的,包括属性名和值,它们之间使用英文 : 分隔
多个属性之间使用英文 , 分隔
属性就是依附在对象上的变量(外面是变量,对象内是属性)
属性名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等
小结
1. 对象属性有顺序吗?
没有
2. 属性和值用什么符号隔开?多个属性用什么隔开?
属性和值用 ; 隔开
多个属性用,逗号隔开
对象使用
属性-查
声明对象,并添加了若干属性后,可以使用 . 获得对象中属性对应的值,我称之为属性访问。
语法:对象名.属性
简单理解就是获得对象里面的属性值。
let goods = {
uname:`小米十青春版`,
num:`12134213512`,
weight:`0.5kg`,
address:`中国大陆`
}
console.log(goods)
console.log(typeof goods)
console.log(goods.address) //中国大陆
查有两种方法
(1)对象名.属性名,
(2)对象名['属性名'],在属性名为字符串的形式使用
属性-改
语法:对象名.属性 = 新值
let goods = {
uname:`小米十青春版`,
num:`12134213512`,
weight:`0.5kg`,
address:`中国大陆`
}
goods.uname = `华为`
console.log(goods)
console.log(goods.uname) //华为
属性-增
语法:对象名.新属性 = 新值
let goods = {
uname:`小米十青春版`,
num:`12134213512`,
weight:`0.5kg`,
address:`中国大陆`
}
goods.height = `12cm`
console.log(goods)
console.log(goods.height); //12cm
属性-删 (了解)
语法:delete 对象名.属性
let goods = {
uname:`小米十青春版`,
num:`12134213512`,
weight:`0.5kg`,
address:`中国大陆`
}
delete goods.address
console.log(goods);
改和增语法一样,判断标准就是对象有没有这个属性,没有就是新增,有就是改
目标:掌握查找属性的另外写法
3. 属性-查的另外一种写法
对于多词属性或则 - 等属性,点操作就不能用了。
我们可以采取: 对象[‘属性’] 方式, 单引号和双引号都阔以
例如:
let goods = {
'goods-uname':`小米十青春版`,
num:`12134213512`,
weight:`0.5kg`,
address:`中国大陆`
}
console.log(goods['goods-uname']) //必须加引号
小结
1. 对象查语法如何写?
对象名.属性
2. 对象改语法如何写:
对象名.属性 = 新值
3. 对象增语法如何写:
对象名.新属性名 = 新值
1. 对象访问属性有哪两种方式?
点形式 对象.属性
[] 形式 对象[‘属性’]
2. 两种方式有什么区别?
点后面的属性名一定不要加引号
[] 里面的属性名一定加引号
后期不同使用场景会用到不同的写法
对象中的方法
数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。
let obj = {
uname : 'pink',
//方法
song:function(x,y){
return x + y
}
}
console.log(obj.song(100,200))
1. 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
2. 多个属性之间使用英文 , 分隔
3. 方法是依附在对象中的函数
4. 方法名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等
遍历对象
目标:能够遍历输出对象里面的元素
遍历对象
for 遍历对象的问题:
对象没有像数组一样的length属性,所以无法确定长度
对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标
遍历对象
let obj = {
uname:`ping`,
age:18,
weight:'188kg'
}
for(let k in obj){
console.log(k) //打印属性名称
console.log(obj[k]) //打印属性值
}
遍历对象格式:for (let 声明一个变量 in 对象名称){}— for(let k in obj){}
一般不用这种方式遍历数组、主要是用来遍历对象
for in语法中的 k 是一个变量, 在循环的过程中依次代表对象的属性名
由于k取值出来是字符串必须用中括号[]
由于 k 是变量, 所以必须使用 [ ] 语法解析
一定记住: k 是获得对象的属性名, 对象名[k] 是获得 属性值
小结
1. 遍历对象用那个语句?
for in
2. 遍历对象中, for k in obj,获得对象属性是那个,获得值是那个?
获得对象属性是 k
获得对象值是 obj[k]
内置对象
学习路径
1. 内置对象是什么
2. 内置对象Math
3. 生成任意范围随机数
内置对象-内置对象是什么?
JavaScript内部提供的对象,包含各种属性和方法给开发者调用
思考:我们之前用过内置对象吗?
document.write()
console.log()
内置对象-Math(数学对象)
介绍:Math对象是JavaScript提供的一个“数学”对象
作用:提供了一系列做数学运算的方法
Math对象包含的方法有:
random:生成0-1之间的随机数(包含0不包括1)
ceil:向上取整
floor:向下取整
max:找最大数
min:找最小数
pow:幂运算
abs:绝对值
内置对象-生成任意范围随机数
Math.random() 随机数函数, 返回一个0 - 1之间,并且包括0不包括1的随机小数 [0, 1)
如何生成0-10的随机数呢?
Math.floor(Math.random() * (10 + 1))
数组随机取值的公式:
如何生成5-10的随机数?
Math.floor(Math.random() * (5 + 1)) + 5
如何生成N-M之间的随机数
Math.floor(Math.random() * (M - N + 1)) + N
随机点名,但点名不允许重复
需求:请把 [‘赵云’, ‘黄忠’, ‘关羽’, ‘张飞’, ‘马超’, ‘刘备’, ‘曹操’] 随机显示一个名字到页面中,但是不
允许重复显示
分析:
①:利用随机函数随机生成一个数字作为索引号
②:数组[随机数] 生成到页面中
③:数组中删除刚才抽中的索引号
let arr = ['赵云','黄忠','关羽','张飞','马超','刘备','曹操']
let dm = Math.floor(Math.random() * arr.length)
console.log(arr[dm])
arr.splice(dm,1) //删除被抽取到的元素
版权声明:
作者:zhuim521
链接:https://zhuimwl.com/88.html
来源:追梦网络
文章版权归作者所有,未经允许请勿转载。

共有 0 条评论