JavaScript-特殊运算符的使用方法汇总使用（new、delete、typeof、.、[ ]）

桃扇骨 2023-06-09 15:28 9阅读 0赞

#### JS 特殊运算符 ####

###### new 运算符 ######

`new` 运算符用于创建一个对象。

例如：

var today = new Date(); //创建一个当前系统日期时间对象
    console.log(today); // Fri Oct 25 2019 10:23:21 GMT+0800 (中国标准时间)

###### delete 运算符 ######

`delete` 运算符用于删除数组的元素，或者对象的属性；删除成功返回 true 否则返回 false

删除对象属性：

var obj = { 
      uname: '小小',
      age: 19,
      gender: 'girl'
    }
    console.log(obj, Object.keys(obj).length) // {uname: "小小", age: 19, gender: "girl"} 3
    
    // 使用 . 调用对象的属性，通过 delete 关键字删除
    delete obj.uname // 删除 obj 的 uname 属性
    
    console.log(obj, Object.keys(obj).length) // {age: 19, gender: "girl"} 2

删除数组中的元素：

var arr = ['熊二', 18, 'boy']
    
    console.log(arr, arr.length) // ["熊二", 18, "boy"] 3
    // 删除数组中的元素
    delete arr[1]
    console.log(arr, arr.length) // ["熊二", empty, "boy"] 3
    // 数组的长度没变，删除的只是元素对应的值

**注意**：使用 delete 删除数组中的元素时，删除的只是元素对应的值，并不能删除元素本身

扩展：

`Object.keys(obj)` 该方法用于获取给定对象的所有可枚举属性，并以字符串数组的形式返回（数组中的元素即为对象中的属性名）

*  `obj` 创建的 JS 对象

var obj = { 
       uname: '小小',
       age: 19,
       gender: 'girl'
     }
    
     console.log(Object.keys(obj)) // ["uname", "age", "gender"]

通过数组的 length 属性即可获得数组中元素的个数（数组长度），从而获取对象中属性的个数

###### typeof 运算符 ######

一元运算符，主要功能：判断变量的类型的

var uname = "熊大"
    var result = typeof uname 
    var res = typeof(uname)
    
    console.log(result) // string
    console.log(res) // string

###### . 点运算符 ######

主要应用在对象中，通过点运算符(.)去调用属性或方法

// 调用 window 的 alert 方法
    window.alert("OK")

###### \[ \]中括号 ######

主要用来访问或修改数组中元素的值，也可以用来获取或修改对象中的属性值。

在数组中使用：

var arr = ['熊大', 19, 'boy']
    
    console.log(arr) // ["熊大", 19, "boy"]
    
    arr[1] = 100; //找到下标为 1 的数组元素，并重新赋值
    console.log(arr) // ["熊大", 100, "boy"]

在对象中使用：

**注意**：在对象中使用时，必须要用引号将属性名引起来

var obj = { 
      uname: '小小',
      age: 19,
      gender: 'girl'
    }
    console.log(obj) // {uname: "小小", age: 19, gender: "girl"}
    // 修改属性的值
    obj['uname'] = '大大'
    
    console.log(obj) // {uname: "大大", age: 19, gender: "girl"}