搜索
首页web前端前端问答javascript对象有什么特点

javascript对象有什么特点

Dec 07, 2021 pm 03:58 PM
javascript对象特点

javascript对象的特点:1、“键值对”列表中的最后一个属性要以逗号结尾;2、使用const声明的对象,其数据是可以被修改的;3、属性名可以是“[值]”方式;4、“in”运算符左边必须是属性名,右边是对象名,返回的是布尔值。

javascript对象有什么特点

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

js对象的九大特点

第一:“键值对”列表中的最后一个属性要以逗号结尾

这个逗号有个高大上的名字:尾随逗号(trailing)

原因应该就是为了规范,简单来说就是为了美观。

第二:使用const声明的对象,其数据是可以被修改的

该对象内部的属性是可以被修改的。

对对象整体进行更改,是不行滴。

第三:多词属性名来捣乱

键值对中的键,也就是name:"zhangsan"中的name如果变成“new name”。

名字由一个单词变为多个单词,会使得有些事物发生改变。

  • 点不能使用了。原先是person.name,现在可不能写person.new name。
  • 应该写person["new name"]

遇到多词名称,记住三点:

  • 用括号

  • 名字加引号

  • 括号内可以直接写字符串,也可以写变量,因为变量中也可以写字符串

第四:属性名还有一种古怪的方式,方括号[]

 let name="apple"
 var o={
     [name]:5,
 }
 alert(o.apple);

记住,方括号中存放的不是确定的,死板的固定值,而是变量,变量懂吗?

灵活多变的那种。

第五:特殊情况下,属性值可以简写

function makeUser(name, age) {
  return {
    name: name,
    age: age,
    // ……其他的属性
  };
}

let user = makeUser("John", 30);
alert(user.name); // John

观察可以得到,属性名和变量名一样。

此时,可以换个写法:

变化之前:name:name

变化之后:name

有啥意义?就是图个方便,某种意义上来说还增加了初学者的负担,所以事物皆有两面性,无事无非。

第六:属性名称可以随便起

不用再担心关键字不能用了(为什么一定要用关键字?闲着蛋疼)

记住一点:__proto__ 的属性。我们不能将它设置为一个非对象的值

第七:“in”的作用

"key" in object
  • 属性名 在 对象中。

in左边必须是属性名,右边是对象名,返回的是布尔值true或者false。

属性名通常是字符串,但也有可能是变量,变量中存放的还是字符串。

所以还是字符串在起作用。

为什么要in?

因为怕undefined来捣乱。

第八:for...in循环

语法格式:

 for (key in object) {
   // 对此对象属性中的每个键执行的代码
 }

其中,除了in左边的key不确定之外(可以用其他单词来代替),其他几个单词的结构都是确定的。

侧面反映了,这个语句中重要的是“到底是要遍历哪一个对象”。

第九:对象属性的顺序

一个概念:整数属性名

属性名是整数字符串

另一个概念:整数字符串

可以被转化为整数的字符串

“1”,“2”等就是整数字符串。

记住:

  • 当属性名不是整数字符串,遍历对象输出数据时的顺序按照创建时的顺序
  • 当属性名是整数字符串,按照从小到大的顺序。

【相关推荐:javascript学习教程

以上是javascript对象有什么特点的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
了解usestate():综合反应国家管理指南了解usestate():综合反应国家管理指南Apr 25, 2025 am 12:21 AM

useState()isaReacthookusedtomanagestateinfunctionalcomponents.1)Itinitializesandupdatesstate,2)shouldbecalledatthetoplevelofcomponents,3)canleadto'stalestate'ifnotusedcorrectly,and4)performancecanbeoptimizedusinguseCallbackandproperstateupdates.

使用React的优点是什么?使用React的优点是什么?Apr 25, 2025 am 12:16 AM

ReactispupularduetoItsComponent基于结构结构,虚拟,Richecosystem和declarativentation.1)基于组件的harchitectureallowslowsforreusableuipieces。

在React中调试:识别和解决共同问题在React中调试:识别和解决共同问题Apr 25, 2025 am 12:09 AM

todebugreactapplicationsefectefectionfection,usethestertate:1)proppropdrillingwithcontextapiorredux.2)使用babortControllerToptopRollerTopRollerTopRollerTopRollerTopRollerTopRollerTopRollerTopRollerTopRollerTopRaceeDitions.3)intleleassynChronOusOperations.3)

反应中的usestate()是什么?反应中的usestate()是什么?Apr 25, 2025 am 12:08 AM

usestate()inrectallowsStateMangementInfunctionalComponents.1)ITSimplifiestTateMempement,MakecodeMoreConcise.2)usetheprevcountfunctionToupdateStateBasedonitspReviousViousViousviousviousVious.3)

usestate()与用户ducer():为您的状态需求选择正确的挂钩usestate()与用户ducer():为您的状态需求选择正确的挂钩Apr 24, 2025 pm 05:13 PM

selectUsestate()forsimple,独立的StateVariables; useusereducer()forcomplexstateLogicorWhenStatedIppedsonPreviousState.1)usestate()isidealForsImpleUpdatesLikeTogGlikeTogGlikGlingaBglingAboolAboolAupDatingAcount.2)

使用usestate()管理状态:实用教程使用usestate()管理状态:实用教程Apr 24, 2025 pm 05:05 PM

useState优于类组件和其它状态管理方案,因为它简化了状态管理,使代码更清晰、更易读,并与React的声明性本质一致。1)useState允许在函数组件中直接声明状态变量,2)它通过钩子机制在重新渲染间记住状态,3)使用useState可以利用React的优化如备忘录化,提升性能,4)但需注意只能在组件顶层或自定义钩子中调用,避免在循环、条件或嵌套函数中使用。

何时使用usestate()以及何时考虑替代状态管理解决方案何时使用usestate()以及何时考虑替代状态管理解决方案Apr 24, 2025 pm 04:49 PM

useUsestate()forlocalComponentStateMangementighatighation; 1)usestate()isidealforsimple,localforsimple.2)useglobalstate.2)useglobalstateSolutionsLikErcontExtforsharedState.3)

React的可重复使用的组件:增强代码可维护性和效率React的可重复使用的组件:增强代码可维护性和效率Apr 24, 2025 pm 04:45 PM

ReusableComponentsInrectenHanceCodainainability and效率byallowingDevelostEsteSeTheseTheseThesAmeCompOntionComponcontRossDifferentPartsofanApplicationorprojects.1)heSredunceReDunceNundSimplifyUpdates.2)yessistensistencyInusErexperience.3)

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器