JavaScript第五天-对象

一、对象(object)

1、对象概念

1、JavaScript里的一种数据类型
2、无序的数据集合

2、对象使用

1、语法:

let 对象名 = { ... }

2、对象由属性和方法组成

(1)属性:信息和特征,
(2)方法:功能或行为,
注意:方法也是属于属性的

对象组成.png

3、对象由属性和方法组成

(1)属性名和值之间用英文 : 分隔
(2)属性之间使用英文 , 分隔
(3)属性就是依附在对象上的变量(外面是变量,对象内是属性)
(4)属性名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等。通俗说,属性名中想要有空格的话,需要加冒号哦
(5)属性名默认是字符串哦
例:

对象例子.png

4、属性访问

(1)点语法 对象.属性名 ,不要加引号
(2)[ ]获得对象 对象['属性名'] ,除法里面是变量就可以不加

对象的访问.png

注意事项:
1.如果使用变量,应该给变量赋值为属性字符串形式
2.使用点名法的时候,属性名不能使用字符串
3.点后面的属性名一定不要加引号
4.[] 里面的属性名加引号,除非它是一个变量

5、对象中的方法

1、方法是由方法名和函数两部分构成,它们之间使用 : 分隔
2、多个属性之间使用英文 , 分隔
3、方法是依附在对象中的函数

4、方法名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等
对象中的方法.png
6、对象中的方法访问

方法一:对象名.方法名();
可以传参

二、操作对象(object)

对象本质是无序的数据集合, 操作数据无非就是 增 删 改 查 语法

操作对象增删改查.png

1、增加属性

注:(1)对象如果有这个属性相当于重新赋值
(2)对象如果没有这个属性相当于动态添加一个属性
(3)无论是属性或是方法,同一个对象中出现名称一样的,后面的会覆盖前面的。

1、新增属性
对象新增属性.png

2、新增方法
对象属性新增.png

三、遍历对象(object)

对象没有像数组一样的length属性,所以无法确定长度
对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

方法:

遍历对象.png

注意:一定记住:k 是获得对象的属性名对象名[k]是获得 属性值
一般不用这种方式遍历数组、主要是用来遍历对象

四、内置对象(object)

JavaScript内部提供的对象,包含各种属性和方法给开发者调用

1、内置对象Math

random:生成0-1之间的随机数(包含0不包括1)
ceil:向上取整
floor:向下取整
max:找最大数(只能传数字,数组不行)
min:找最小数

(1)、生成任意范围随机数
取随机数.png
(2)扩展案例:随机点名案例
   <script>
    let arr = ['赵云', '黄忠', '关羽', '张飞', '马超', '刘备', '曹操'];
    function printThree() {
        // 0-7之间随机数字,并赋值给变量num
        let num = Math.floor(Math.random() * arr.length);// 向下取整,正好取到names.length - 1
        document.write(arr[num]); // 把随机数当做为数组names的索引号
        arr.splice(num, 1);//删除被抽出来的那个数据,也就是第num个
    }
    printThree();
    printThree();
    printThree();
</script>

总结

1、();表示一个语句的结束,数组是一个特殊的对象,
2、键值对:{
键名:键值,
||
属性名:属性值,
}

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,324评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,356评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,328评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,147评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,160评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,115评论 1 296
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,025评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,867评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,307评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,528评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,688评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,409评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,001评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,657评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,811评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,685评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,573评论 2 353

推荐阅读更多精彩内容