【JavaScript】对象的属性和方法

文章目录

    • 1. 对象的属性
      • 基本属性
      • 嵌套属性
      • 计算属性名
    • 2. 对象的方法
      • 基本方法
      • 简化方法
    • 3. 属性和方法的访问
      • 点表示法
      • 方括号表示法
    • 4. 属性和方法的删除
      • 删除属性
      • 删除方法
    • 5. 属性的遍历
      • for...in 循环
      • Object.keys()
    • 6. 总结

在 JavaScript 中, 对象是一种复合值,可以包含多个属性和方法。本篇博客将介绍 JavaScript 中对象的属性和方法,以帮助你更好地理解和运用这些概念。

1. 对象的属性

对象的属性是对象中的变量,它包含一个键(key)和一个值(value)。

基本属性

let person = {name: "Cheney",age: 11,gender: "male"
};

在上述例子中,nameagegenderperson 对象的属性,分别具有字符串、数字和字符串类型的值。

嵌套属性

let person = {name: "Cheney",address: {city: "大连市",province: "辽宁省"}
};

在上述例子中,addressperson 对象的属性,它包含一个嵌套的对象,具有 cityprovince 两个子属性。

计算属性名

let propertyName = "age";
let person = {name: "Cheney",[propertyName]: 11
};

在上述例子中,使用计算属性名,person 对象的属性名由变量 propertyName 决定。

2. 对象的方法

对象的方法是对象中的函数,它可以执行某些操作或返回特定的值。

基本方法

let person = {name: "Cheney",sayHello: function() {console.log("Hello, I'm " + this.name);}
};person.sayHello(); // 输出:Hello, I'm Cheney

在上述例子中,sayHelloperson 对象的方法,通过 this 关键字引用当前对象。

简化方法

let person = {name: "Cheney",sayHello() {console.log("Hello, I'm " + this.name);}
};person.sayHello(); // 输出:Hello, I'm Cheney

在上述例子中,使用了ES6的简化方法语法,更加简洁地定义了 sayHello 方法。

3. 属性和方法的访问

点表示法

console.log(person.name); // 输出:Cheney
person.sayHello(); // 输出:Hello, I'm Cheney

在上述例子中,使用点表示法访问了对象的属性和方法。

方括号表示法

let propertyName = "name";
console.log(person[propertyName]); // 输出:Cheney

在上述例子中,使用方括号表示法同样可以访问对象的属性,适用于包含特殊字符或动态属性名的情况。

4. 属性和方法的删除

删除属性

delete person.age;
console.log(person.age); // 输出:undefined

在上述例子中,使用 delete 关键字删除了 person 对象的 age 属性。

删除方法

delete person.sayHello;
person.sayHello(); // 报错:person.sayHello is not a function

在上述例子中,同样使用 delete 关键字删除了 person 对象的 sayHello 方法。

5. 属性的遍历

for…in 循环

for (let key in person) {console.log(key + ": " + person[key]);
}

在上述例子中,使用 for...in 循环遍历了 person 对象的所有属性,并输出属性名和对应的值。

Object.keys()

let keys = Object.keys(person);
console.log(keys); // 输出:["name", "sayHello"]

在上述例子中,使用 Object.keys() 方法获取了 person 对象的所有属性名。

6. 总结

对象的属性和方法是 JavaScript 中非常重要的概念,通过字面量表示法、计算属性名、嵌套属性等方式,你能够创建灵活多样的对象。属性和方法的访问可以使用点表示法和方括号表示法,根据不同的需求选择不同的方式。删除属性和方法可以使用 delete 关键字,遍历属性可以使用 for...in 循环和 Object.keys() 方法。希望通过本篇博客,你对 JavaScript 中对象的属性和方法有了更深入的理解。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/678407.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

专业140+总分420+河海大学863信号与系统考研经验电子信息通信与信息技术,真题,大纲,参考书。

今年的成绩出来倍感欣慰,决定考研的时候并没有想到自己可以考出420的分数,通过自己一年来的努力,成功上岸,期中专业课863信号与系统140接近满分(非常感谢信息通信Jenny老师的专业课辅导和平时悉心答疑,不厌…

从零开始学howtoheap:fastbins的house_of_spirit攻击1

how2heap是由shellphish团队制作的堆利用教程,介绍了多种堆利用技术,后续系列实验我们就通过这个教程来学习。环境可参见从零开始配置pwn环境:优化pwn虚拟机配置支持libc等指令-CSDN博客 1.fastbins的house_of_spirit攻击 house_of_spirit是…

【MATLAB源码-第138期】基于matlab的D2D蜂窝通信仿真,对比启发式算法,最优化算法和随机算法的性能。

操作环境: MATLAB 2022a 1、算法描述 D2D蜂窝通信介绍 D2D蜂窝通信允许在同一蜂窝网络覆盖区域内的终端设备直接相互通信,而无需数据经过基站或网络核心部分转发。这种通信模式具有几个显著优点:首先,它可以显著降低通信延迟&…

波奇学Linux: 文件描述符

文件和操作系统的关系 操作系统控制进程,文件的打开是在进程中进行。意味着用来控制进程的PCB必然有文件的信息,操作系统通过控制PCB的信息来控制文件的读写。 Q1:如何证明文件打开是在进程中进行? 编写c文件调用fopen来操作文件…

SpringBoot 接入讯飞星火大模型实现对话

申请地址 https://xinghuo.xfyun.cn/sparkapi?scrprice 免费申请200万Token 开发文档 https://www.xfyun.cn/doc/spark/Web.html#_1-接口说明 页面最下面有相关demo可以参考 介绍 接口是以套接字的形式分段返回,而且非http请求,比较繁琐,官…

如何使用Airtest进行UI自动化测试

一、环境搭建 1、Airtest客户端下载 访问官网http://airtest.netease.com/,根据自己的系统下载相应的客户端安装; 2、python工具下载与环境搭建 在本地python环境中安装airtest和pocoui,然后用命令行运行脚本; 1、建议使用3.…

笔记:《NCT全国青少年编程能力等级测试教程Python语言编程二级》

NCT全国青少年编程能力等级测试教程Python语言编程二级 ISBN:9787302565857 绪论 专题1 模块化编程 考查方向 考点清单 考点 模块化编程 (一)模块化编程思想:结构清晰、降低复杂度;提高代码复用率;易于扩展、维护,方便阅读、优化。 …

猫头虎分享已解决Bug || RuntimeError: size mismatch, m1: [32 x 100], m2: [500 x 10]

博主猫头虎的技术世界 🌟 欢迎来到猫头虎的博客 — 探索技术的无限可能! 专栏链接: 🔗 精选专栏: 《面试题大全》 — 面试准备的宝典!《IDEA开发秘籍》 — 提升你的IDEA技能!《100天精通鸿蒙》 …

奶茶点餐|奶茶店自助点餐系统|基于微信小程序的饮品点单系统的设计与实现(源码+数据库+文档)

奶茶店自助点餐系统目录 目录 基于微信小程序的饮品点单系统的设计与实现 一、前言 二、系统功能设计 三、系统实现 1、商品信息管理 2、商品评价管理 3、商品订单管理 4、用户管理 四、数据库设计 1、实体ER图 2、具体的表设计如下所示: 五、核心代码 …

【More Effective C++】条款2:使用C++转型操作符

C旧式转型的缺点包括: 没有类型安全检查:允许将任何指针转换为其他类型指针,可能导致未定义行为的错误;难以识别和维护:语法(type)expression 或 type(expression)在代码中难以被快速识别; 为了解决上述问…

算法||如何优化算法?算法如何评价和分析

目录 1.一个好的算法所具备的特性 2.算法分析‐‐‐评价算法 3.算法复杂度 4.时间复杂度 如何统计在程序中统计算法执行语句数 5.空间复杂度 6.程序优化的最核心思路: 总结 1.一个好的算法所具备的特性 正确: 符合语法,能够编译、链接 能够正确处理简单的输入…

Rust语言之字符串

文章目录 一、字符二、字符串1.&str2.string创建字符串遍历字符串变更字符串指定位置插入字符串字符串拼接宏拼接(format!) 三、切片1.字符串切片2.数组(向量)切片 Rust语言设计官方教程 一、字符 Rust提供char为字符存储变量…

Qt知识点总结目录

一.Qt安装配置和创建项目 Qt所有版本下载地址 Qt安装配置教程windows版(包括:Qt5.8.0版本,Qt5.12,Qt5.14版本下载安装教程)(亲测可行) QT从入门到入土(一)——Qt5.14.…

Linux操作系统基础(八):Linux的vi/vim编辑器

文章目录 Linux的vi/vim编辑器 一、vi/vim编辑器介绍 二、打开文件 三、VIM编辑器的三种模式(重点) 四、命令模式相关命令 五、底行模式相关命令 Linux的vi/vim编辑器 一、vi/vim编辑器介绍 vi是visual interface的简称, 是Linux中最经典的文本编辑器 vi的核心设计思想…

技术精英求职必备:网络安全工程师简历制作全指南

简历编写核心原则 撰写针对网络安全工程师职位的简历时,关键在于准确展现您在网络安全领域的专业技能、项目经验和技术成就。简历应作为您展示安全策略制定、风险管理、入侵检测和响应能力的窗口。确保每一项经历和技能都紧密贴合网络安全工程师的角色要求。具体的…

在 Windows上恢复删除照片的 4 种有效方法

您是否曾在 Windows 7/8/10/11 中不小心删除过照片?如何轻松快速地恢复已删除的照片?在这里这篇文章列出了几种在Windows 11/10/8/7中恢复已删除照片的可行方法,而MiniTool数据恢复软件 是丢失照片恢复的最佳选择。 意外删除的照片 根据一项…

蓝桥杯官网练习题(翻转)

问题描述 小蓝用黑白棋的 n 个棋子排成了一行,他在脑海里想象出了一个长度为 n 的 01 串 T,他发现如果把黑棋当做 1,白棋当做 0,这一行棋子也是一个长度为 n 的 01 串 S。 小蓝决定,如果在 S 中发现一个棋子…

口腔助手|口腔挂号预约小程序|基于微信小程序的口腔门诊预约系统的设计与实现(源码+数据库+文档)

口腔小程序目录 目录 基于微信小程序的口腔门诊预约系统的设计与实现 一、前言 二、系统功能设计 三、系统实现 1、小程序前台界面实现 2、后台管理员模块实现 四、数据库设计 1、实体ER图 2、具体的表设计如下所示: 五、核心代码 六、论文参考 七、最新…

20190726 ApacheHttpClient-自签证书与系统证书共存

要使用HTTPClient-4.5.2做一些连接;但是有的域名是使用的自签证书,有的是CA签发证书;同时又不想跳过证书验证又想使用一个HTTPClient; 如果单单实现验证只使用自签证书或者只使用CA证书的域名比较简单;前者只需要new l…

【调试】pstore原理和使用方法总结

什么是pstore pstore最初是用于系统发生oops或panic时,自动保存内核log buffer中的日志。不过在当前内核版本中,其已经支持了更多的功能,如保存console日志、ftrace消息和用户空间日志。同时,它还支持将这些消息保存在不同的存储…