js对象学习

简介: js对象学习

对象的概念

在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如人、桌子、椅子、花、草、猫、狗等。

对象是由属性和方法组成的

属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中常用方法来表示(常用动词)

创建对象的方式

对象的字面量就是花括号 { } 里面包含了表达这个具体事物(对象)的属性和方法;{ } 里面采取键值对的形式表示

:相当于属性名

:相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型,函数类型等)

对象的使用:

对象的属性:对象中存储具体数据的“键值对”中的键称为对象的属性,即对象中存储具体数据的项。

对象的方法:对象中存储函数的“键值对”中的“键”称为对象的方法,即对象中存储函数的项。      访问对象的属性:对象里面的属性调用:对象.属性名;对象里面属性的另一种调用方式:

象['属性名'],注意方括号里面的属性必须加上引号。

调用对象的方法:对象.方法名() ;

变量、属性、函数、方法区别:

变量:单独声明赋值,单独存在。

属性:对象里面的变量称为属性,不需要声明,用来描述该对象的特征。

函数:单独存在的,通过"函数名()"的方式就可以调用。

方法:方法是对象的一部分,函数不是对象的一部分,函数是单独封装操作的容器。对     象里面的函数称为方法,方法不需要声明,使用"对象.方法名()"的方式就可以调用,方法用来描述该对象的行为和功能。

利用new Object 创建对象

//  通过内置构造函数  Object  创建对象此时 obj 变量已经保存了创建出来的空对象

let  obj  =  new  Object();

遍历对象

for...in  语句用于对数组或者对象的属性进行循环操作

其语法如下

for  (变量  in  对象名字)  {

// 在此执行代码

}

语法中的变量是自定义的它需要符合命名规范通常我们会将这个变量写为 k 或者 keyfor  (let  k  in  obj)  {

console.log(k); //  这里的  k  是属性名

console.log(obj[k]);  //  这里的  obj[k]  是属性值

}

目录
相关文章
|
19天前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
47 3
|
1月前
|
JavaScript
ES6学习(9)js中的new实现
ES6学习(9)js中的new实现
|
10天前
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
31 4
js学习--制作猜数字
|
10天前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
20 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
28天前
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
29天前
|
JavaScript 前端开发 API
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
该文章跟随月影老师的指导,探讨了编写优质JavaScript代码的三大原则:各司其职、组件封装与过程抽象,通过具体示例讲解了如何在实际开发中应用这些原则以提高代码质量和可维护性。
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
|
10天前
|
JavaScript
js学习--制作选项卡
js学习--制作选项卡
30 4
|
9天前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
11 2
|
9天前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
8 2
|
9天前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
20 1