JavaScript基础 第五天

1.什么是对象以及对象的基本使用

2.对象的操作 --增删改查

3.对象的方法

4.数学内置对象

5.简单数据类型和引用数据类型

一.什么是对象以及对象的基本使用

① 对象是什么

  • 可以理解为一种无序的数据集合,数组是有序的数据集合
  • 对象通常用来描述某个事物,或者一个人

② 对象的使用

     1.对象声明语法

let 对象名 = {}

let 对象名 = new Object()

     2.对象由属性和方法组成

let 对象名 = {
    属性名: 属性值,
    方法名:函数
}

      属性:信息或特征

let obj = {
    uname:'pink老师',
    age:18,
    gender:'女'
}
  • 数据描述性的信息称为属性,比如人的姓名,身高,年龄,性别,一般都是名词性的
  •  属性都是成对出现的,包括属性名和属性值,它们之间用英文:隔开
  • 多个属性之间使用英文,分隔
  • 属性就是依附在对象上的变量
  • 属性名可以使用" "或' ', 一般情况下省略,除非名称遇到特殊符号,比如空格或者-   

      方法:功能或行为

   二.对象的操作 --增删改查

① 查询对象:  对象.属性

  • 使用. 获得对象中属性对应的值,称为属性访问
  • 语法:对象名.属性
  • 获得对象里面的属性值
let obj = {
   'name-chen': '小米',
    num: '100000011001',
    weight: '0.5kg',
    address: '中国大陆'
}

console.log(obj.name)

② 修改:对象名.属性 = 新值 (有这个属性就是修改这个属性)

obj.name = '小米10 PLUS'

③ 增:对象名.属性 = 新值(没有的属性就是增加一个新的属性)

 let obj = {
   'name-chen': '小米',
    num: '100000011001',
    weight: '0.5kg',
    address: '中国大陆'
}

obj.color = '粉色'

④ 属性 - 删(了解)  delete 对象名.属性

delete pink.age

⑤ 查询的两种方法

  • 对象.属性名

      console.log(obj.color)

  • 对象名['属性名']:对于多个词语拼接成的属性,点操作就不能用了,需要采取对象['属性'] 的方式

     console.log(obj['num'])      

 三.对象中的方法

① 概念:数据行为性的信息称为方法,比如跑步,唱歌等,一般都是动词性的,本质是函数

let obj = {
  uname: '刘德华',
  song:function(x, y) {
     console.log(x + y);
  }
}
// 方法调用
obj.song(1, 2)
  • 方法是由方法名和函数两部分构成的,它们之间用:分隔
  • 多个属性之间用英文,分隔
  • 方法是依附在对象中的函数
  • 方法名可以使用"" 或' ', 一般情况下省略,除非名称遇到特殊符号如空格,中横线等

② 遍历对象

  • 对象里面是无序的,没有规律,也没有数组那样的下标
  • 使用for  in  语法
  • 一般不用这种方式遍历数组,主要用来遍历对象
  • for in语法中的k是一个变量,在循环的过程中依次代表对象的属性名
  • 由于k是变量,所以必须使用[ ]语法解析
  • k 是对象的属性名,对象名[k]是属性值
let obj = {
  uname : 'pink老师',
  age: 18,
  gender: '男'
}
for (let k in obj) {
   console.log(k)  // 属性名
   console.log(obj[k])
}

四.数学内置对象

① Math对象是JS中的一个数学对象,提供了一系列数学运算的方法

方法 含义
random 生成0-1之间的随机数
ceil 向上取整
floor 向下取整
max 找最大数
pow 幂运算
abs 绝对值

 

 

 

 

 

 

console.log(Math.PI)

// 向上取整
console.log(Math.ceil(1.5))

// 向下取整
console.log(Math.floor(1.1))


// 四舍五入:取最接近的整数   特殊情况:负数:-1.5 取 -1
console.log(Math.round(4.68))

// 最大值
console.log(Math.max(1,2,3,4,5))

// 最小值
console.log(Math.min(1,2,3,4,5))

 ② 随机数

  • Math.random() 随机数函数,返回一个0~1之间,并且包括0但不包括1的随机小数 [0, 1)
  • 取0到10之间的随机数: Math.floor(Math.random() * ( 10 + 1))
  • 取0到N之间的随机数: Math.floor(Math.random() * (N + 1))
  • 生成M到N之间的随机数:Math.floor(Math.random() * (M - N + 1)) + N
  • 随机抽取数组中的一个数:Math.floor(Math.random() * arr.length)

五. 简单数据类型和引用数据类型

  • 简单类型:基本数据类型或者值类型,在存储变量的时候存储的是值本身,因此叫值类型

    string number boolean undefined null

  • 复杂类型:引用类型,在存储时变量中存储的仅仅是地址,通过new关键字创建的对象(如 object, Array, Date)
  • 栈:由操作系统自动分配释放存放函数的参数值,局部变量的值,操作方式类似于数据结构中的栈,简单数据类型存放到栈里面
  • 堆:存放复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收,引用数据类型存放到堆里面

JavaScript基础 第五天_第1张图片

 

你可能感兴趣的:(javascript,开发语言,ecmascript)