JS之数据表达

数据的表达1

和HTML、CSS不同,JS是一门 命令式编程语言,和其他命令式编程语言一样,它的本质是处理数据

JS 提供了三种方式来表达一个数据:

  • 变量
  • 字面量
  • 表达式

程序中任何需要数据的地方,都可以使用上面任意一种数据表达。

注意点

标识符

程序中有些可以自行命名的地方,称之为标识符

常见的标识符有:变量名、函数名、参数名

js 的标识符必须符合以下规则:

  • 允许数字、字母、下划线、$符号
  • 不得以数字开头
  • 不能和关键字冲突
  • 建议使用驼峰命名法

一个完整的程序中,会涉及成百上千的标识符,好的名称不仅可以减少名称冲突,更有利于程序的阅读和维护。

名称要做到望文知意

转义符

转义符含义
\'普通英文单引号
\"普通英文双引号
\r回车
\n换行

小技巧:常用\r\n表示换行

数据的表达2

本节课主要回顾对象的表达

注意点

数据类型

原始类型:number、string、boolean、null、undefined

引用类型:对象(包含普通对象、数组、函数)

对象的原始写法

对象的所有属性名都是字符串,因此使用单引号或双引号包裹起来

var obj = {
  'name': '刘哥',
  'age': 21,
  'graduate date': '2023-7-1',
  'home address': {
    'province': '湖南',
    'city': 'city'
  }
};

为了书写的方便,当对象的属性名是纯数字符合标识符规范时,可以省略引号

小贴士
书写代码时我们无须关注这些规则,直接按照简写方式书写属性,若编辑器出现报错,则使用引号包裹属性名即可

读取对象属性时,使用[],把要读取的属性名传递到中括号中

obj['name'] // 读取obj的name属性
obj['home address'] // 读取obj的home address属性
obj['home address']['province'] // 这是啥意思?

若属性符合标识符规范,可以使用.符号连接属性名

obj.name // 读取obj的name属性
obj.age // 读取obj的age属性
obj['home address'].province // 请自行脑补

数据的表达3

数组,用于表达多个同种类的数据

它的本质就是一个对象

// 数组的对象结构
{
   '0': xxx,
   '1': xxx,
   '2': xxx,
   'length': 3

版权声明:本文为qq_46262422原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。