对象(Object)

124 阅读3分钟

对象

对象是 JavaScript 数据类型的一种,之前已经学习了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。

/*
声明了一个叫get的对象
第一种
let get = {}
第二种    了解即可
let get = new abject
对象语法 
*/
/*  
let get ={
   属性名:属性值,
   方法名:函数
 }
 属性都是成对出现,包括属性明和值,他们之间使用英文:分隔
 多个属性用英文,隔开
 属性就是依附在对象的变量
 属性名可以使用''和'''',一般情况省略,除非名称遇到特殊符号,如空格中横线
  */
let obj = {
  uname: '万叶',
  age: 19,
  gender: '男'
}
console.log(obj);
console.log(typeof (obj));

方法和调用

数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。

  1. 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
  2. 多个属性之间使用英文 , 分隔
  3. 方法是依附在对象中的函数
  4. 方法名可以使用 ""'',一般情况下省略,除非名称遇到特殊符号如空格、中横线等
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 对象方法</title>
</head>
<body>
​
  <script>
    // 方法是依附在对象上的函数
    let person = {
      name: '小红',
      age: 18,
      // 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
      singing: function () {
        console.log('两只老虎,两只老虎,跑的快,跑的快...')
      },
      run: function () {
        console.log('我跑的非常快...')
      }
    }
  </script>
</body>
</html>

方法和调用

数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。

let obj = {
  uname: '刘德华',
  // 方法
  song: function (x, y) { //形参
    // console.log('冰雨');
    console.log(x + y);
  }
}
// 方法调用 对象名.方法名
obj.song(1, 2) //实参

0. 方法是由方法名和函数两部分构成,它们之间使用 : 分隔 0. 多个属性之间使用英文 , 分隔 0. 方法是依附在对象中的函数 0. 方法名可以使用 ""'',一般情况下省略,除非名称遇到特殊符号如空格、中横线等

null

null 也是 JavaScript 中数据类型的一种,通常只用它来表示不存在的对象。使用 typeof 检测类型它的类型时,结果为 object

遍历对象

对象和数组一样,之不过数组是有顺序的,对象是无序的所以对象无法用数组下标一样取选中对象元素

/* for遍历对象的原因
对象不想数组一样有明确的长度
对象里面没有顺序和规律 */
// for in不推荐遍历数组
// let arr = [1, 2, , 6, 5, 5, 65, 5, 6]
// for (const k in arr) {
//   console.log(k); //数组的下标,但是是字符串'0'
//   console.log(arr[k]); //arr[k]
// }
// 遍历数组for in
let goods = {
  goods: '小米(MI)',
  uname: '小米小米10青春版',
  num: '100012816024',
  weight: '0.55KG',
  address: '中国大陆'
}
for (const k in goods) {
  console.log(k) //属性名 'goods' 
  //k='goods' k等于带了字符串的goods
  console.log(goods[k]) //属性值 goods[k]
}

注意:数组可以用for和for in遍历,但是推荐使用for,而for in用来遍历对象,for遍历对象的原因 对象不想数组一样有明确的长度,对象里面没有顺序和规律

内置对象

就是JavaScript内部帮我们包装好的对象

Math 是 JavaScript 中内置的对象,称为数学对象,这个对象下即包含了属性,也包含了许多的方法。

// 属性 圆周率
console.log(Math.PI);

// 方法 ceil向上取整
console.log(Math.ceil(1.1)); //2

// floor 向下取整
console.log(Math.floor(1.9)); //1

// round 四舍五入
console.log(Math.round(1.1)); //1
console.log(Math.round(1.9)); //2

// 如果是负数,取绝对值最大的数
console.log(Math.round(-1.5)); //-1

// MAX最大值
console.log(Math.max(1, 5, 8, 9, 6, 3, 2, 4, 7, 8, 5));


//MIN最小值
console.log(Math.min(1, 5, 8, 9, 6, 3, 2, 4, 7, 8, 5));

// abs绝对值 就是取这个数的反值
console.log(Math.abs(-1.5)); //-1.5
// null 类似 let obj={}

// Pow幂
console.log(Math.pow(4, 2)) //4的二次方

//null空对象