代码编织梦想

目录

对象

对象的使用

操作对象

遍历对象


对象

对象:可以以理解为是一种无序的数据集合,数组是有序的数据集合,用来描述事物,李若描述一个人,人有姓名、年龄等信息,如果用多个变量保存比较散,用对象比较统一

比如描述班主任的特征:

静态行为(姓名、身高、年龄...):可以用数字、字符串、数组、布尔类型等表示

动态行为(点名、讲课...):可以用函数表示

对象的特点:无序的数据集合,可以详细的描述事物

对象的使用

语法:let 对象名 = {

属性名:属性值,

方法名:函数

}

let 对象名 = new Object()

对象由属性和方法构成

属性:信息或叫特征(名词),比如手机尺寸、颜色、重量...

数据描述性的信息称为属性,一般都是名词性的

属性都是成对出现的,包括属性名和值,它们之间用“:”分隔,多个属性之间使用英文”,“分隔

属性就是依附在对象上的变量

属性名可以使用”“或‘’,一般情况下省略,除非名称遇到特殊符号,如空格、中横线...

方法:功能或叫行为(动词),比如手机打电话、发短信、玩游戏...

数据行为性的信息称为方法,一般是动词性的,其本质是函数

方法是由方法名和函数两部分构成,它们之间用”:“分隔,多个属性之间用英文“,”分隔

方法是依附在对象中的函数

方法名可以使用”“或‘’,一般情况下省略,除非名称遇到特殊符号,如空格、中横线...

声明对象,并添加了若干属性后,可以使用对象名.方法名()调用对象中的函数,称之为方法调用

操作对象

对象的本质是一种无序的数据集合,操作数据为非就是增、删、改、查

声明对象,并添加了若干属性后,可以使用获得对象中属性对应的值,称之为属性访问

简单理解就是获得对象里面的属性值

对象添加新的数据语法:对象名.新属性 = 新值

删除对象中的属性语法:delete 对象名.属性名

重新赋值语法:对象名.属性 = 新值

”改“和”增“的语法差不多,判断标准就是对象有没有这个属性,没有就是新增,有就是改

查询对象语法:对象名.属性名

”查“的另一种写法:对象名[‘属性名’]

避免属性名为多词或以”-“连接的词组,普通查找检测不到

[]里的值如果不加引号,默认会当成变量解析

声明对象,并添加了若干属性后,可以使用获得对象中属性对应的值,称之为属性访问

简单理解就是获得对象里面的属性值

遍历对象

对象没有像数组一样的length属性,无法确定长度

对象里面是无序的键值对,没有规律,不想数组里面有规律的下标

遍历对象语法:for(let k/key in 对象名) {

console.log(k/key)

console.log(对象名[k/key])

}

k/key可以是任何名称,但一般用这两个

console.log(k/key):打印的属性名,但是为字符串型

console.log(对象名[k/key]):打印的是属性值

一般不用这种方式遍历数组,主要用来遍历对象

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/SerendipityAN/article/details/128751066

【博学谷学习记录】超强总结,用心分享|前端css+html基础总结_ambitionhjl的博客-爱代码爱编程

一.专题难点解析目录         1.选择器的权重问题         2.margin外边距折叠现象         3.行内元素margin和padding无效的特殊情况         4.字体属性连写 二.个人总结         1.选择器的权重问题         (1)选择器的优先级公式         继承<通配符

【博学谷学习记录】超强总结,用心分享|前端定位基础知识总结_ambitionhjl的博客-爱代码爱编程

一.专题难点解析目录 1.网页布局方式 2.相对定位、绝对定位、固定定位的特点 3.元素的层级关系 4.垂直对齐方式 二.个人总结 1.网页布局方式 (1)标准流 标准流即照标签自身的显示特点显示。即块级元素独占一行,行内元素一行显示多个。 (2)浮动 通过添加float的属性值为left或者right可以让原本垂直布局的块级元素变成水

#【博学谷学习记录】超强总结,用心分享|前端html基础知识总结_锅锅超善良的博客-爱代码爱编程

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 一、HTML 1、基础认知 2、标签结构 3、标签大全 1. 排版标签 2. 文本格式化标签 3. 媒体标签        4. 链接标签 5.列表标签 6. 表格标签  7. 表单标签 总结 前言 随着科学技术的发展,互联网全面进入移动时代

【博学谷学习记录】超强总结,用心分享|前端开发图片属性总结_duanxiangning的博客-爱代码爱编程

       成功没有捷径,只有靠自己的努力和付出才能取得胜利。在学习的路程上,有着许多困难和挫折,有人没有勇气度过,从而浑浑噩噩度过一生,有人则披荆斩棘,尝到了胜利的果实。 今天来分享一下HTML中图片的属性, 如图所示: 我们在书写时在body部分填写内容,   图片的路径有两种:绝对路径和相对路径 绝对路径:指目录下的绝对位置,可

【博学谷学习记录】超强总结,用心分享|前端开发持续一周的感受_xiaoshuai7的博客-爱代码爱编程

下面和大家分享一下css基础认知 首先,css基础分为: ◆ 基础认知 ◆ 基础选择器 ◆ 字体和文本样式 一、基础认知 1. CSS初识 1.1 CSS的介绍 CSS: 层叠样式表 (Cascad

【博学谷学习记录】超强总结,用心分享|前端html+css基础_serendipityan的博客-爱代码爱编程

前言 我现在也算是正式开始入坑前端了,之前只是自己看一看前端知识,现在报了课程系统的学习前端,本周学习了网页的基本构成、HTML标签和CSS的基础代码,我通过本周的学习也算是对前端有了一个初步的了解,HTML是一种标记语言,它包括一系列标签,主要是定义网页的内容,CSS是用来修饰美化HTML里面的页面内容。 目录 网页的组成和本质 浏览器的渲染引擎

【博学谷学习记录】超强总结,用心分享| 前端html5基础_weixin_47187180的博客-爱代码爱编程

标签分为双标签和单标签          双标签: <标签名>内容</标签名>          单标签: <标签名  属性名="属性值" 属性名     ="属性值"/> 字体标签         <b></b>或<strong></strong>:加粗      

【博学谷学习记录】超强总结,用心分享| 前端html css_user-leb的博客-爱代码爱编程

字体样式:font-size         属性名:font-size           取值:数字 + px           注意点:谷歌浏览器默认文字大小是16px 单位需要设置,否则无效 字体粗细:font-weight         属性名:font-weight          取值:normal:正常    Bold:加

【博学谷学习记录】超强总结,用心分享|前端基础_serendipityan的博客-爱代码爱编程

目录 2D&3D转换与动画 平面转换与空间转换transform 动画 2D&3D转换与动画 平面转换与空间转换transform 平面转换:改变元素在平面内的形态(位移、旋转、缩放...),也称为2D转换 位移:transform:translate(水平移动距离 垂直移动距离);如果translate()里面只给一个值,表

【博学谷学习记录】超强总结,用心分享前端|移动端基础-爱代码爱编程

目录 移动端 布局 百分比布局 Flex布局 移动适配 rem vw/vh 响应式网页 移动端 PC端与移动端的区别:PC端屏幕大,页面大多固定版心;手机端屏幕小,网页宽度大多为100% 屏幕尺寸:指的是屏幕对角线的长度,一般用英尺来度量 分辨率:物理分辨率物理分辨率是生产屏幕时就固定的,不可被改变;逻辑分辨率是由软件(驱动)

java基础学习 day34(stringbuilder,链式编程)-爱代码爱编程

1. StringBuilder概述 StringBuilder可以看作是一个容器,创建之后里面的内容是可变的作用:提高字符串的操作效率 例如: String s1 = “aaa”; String s2 = “bbb”;

在线教育-谷粒学院学习笔记(六)-爱代码爱编程

文章目录 1 内容介绍2 课程大纲列表后端实现3 课程大纲列表前端实现4 修改课程基本信息5 课程章节操作6 课程小节操作7 课程信息确认8 课程最终发布 1 内容介绍 课程大纲管理 课程大纲列表显

【博学谷学习记录】超强总结,用心分享前端|函数-爱代码爱编程

目录 函数 函数传参 函数返回值 作用域 全局作用域 局部作用域 函数 函数(function):是被设计为执行特定任务的代码块,函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势有利于精简代码方便复用 语法:function 函数名() {函数体} 函数体是函数的构成部分,它负