JS基礎6--邏輯運運算元

2022-06-05 06:00:08
 &&與  ||或   !非
     如果對一個值進行兩次取反,它不會變化
     如果對一個非布林值進行取反,則會將其轉換為布林值,再取反
     所以我們可以利用該特點。來將一個其他的資料型別轉換為布林型別
     可以為任意一個資料型別進行兩次取反,來將其轉換為布林值
     原理和Boolean()函數一樣
     {}是一個不完全空的物件,因為他的原型鏈上還有Object呢,而null就是完全空的物件,啥也沒有,原型鏈也沒有,所以null instanceof Object === false;
  [ ] 就更不用說了,它的原型鏈上還比{}多一個Array。
     所以,純粹意義上初始化一個空物件應該用null,{}更像是初始化物件,和new一個沒有key的Obejct是一樣的。

     還有就是空陣列轉換成布林型別返回的是true:

     因為陣列(不管是不是空的)屬於物件型別,物件型別轉為boolean型別(內部對應)時都是true。所以判斷陣列一般使用的是判斷陣列的長度。
    */
原始碼:
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS基礎6--邏輯運運算元</title>
</head>
<script>
    /*
    &&與  ||或 !非
     如果對一個值進行兩次取反,它不會變化
     如果對一個非布林值進行取反,則會將其轉換為布林值,再取反
     所以我們可以利用該特點。來將一個其他的資料型別轉換為布林型別
     可以為任意一個資料型別進行兩次取反,來將其轉換為布林值
     原理和Boolean()函數一樣
     {}是一個不完全空的物件,因為他的原型鏈上還有Object呢,而null就是完全空的物件,啥也沒有,原型鏈也沒有,所以null instanceof Object === false;[]就更不用說了,它的原型鏈上還比{}多一個Array。
     所以,純粹意義上初始化一個空物件應該用null,{}更像是初始化物件,和new一個沒有key的Obejct是一樣的。

     還有就是空陣列轉換成布林型別返回的是true:

     因為陣列(不管是不是空的)屬於物件型別,物件型別轉為boolean型別(內部對應)時都是true。所以判斷陣列一般使用的是判斷陣列的長度。
    */
    var a = false
    a = !a
    console.log('a=' + a)//true
    var b = 'false'
    b = !!b
    console.log('b=' + b)//非空字串轉換成布林值為true
    var c = ''
    c = !!c
    console.log('c=' + c)//空字串轉換成布林值為false
    var d = undefined
    d = !!d
    console.log('d=' + d)//undefined轉換成布林值為false
    var e = null
    e = !!e
    console.log('e=' + e)//null轉換成布林值為false
    var f = {}
       f =!!f
    console.log(' f =' + f)//{}換成布林值為true
    var g = []
    g = !!g 
    console.log(' g =' + g)//[]換成布林值為true
</script>

</html>