基础数据类型null的应用场景?

最新推荐文章于 2024-06-07 16:03:08 发布

PSQ_family

最新推荐文章于 2024-06-07 16:03:08 发布

阅读量331

点赞数

文章标签：链表数据结构

本文链接：https://blog.csdn.net/PSQ_family/article/details/122592369

版权

概念：null 表示一个值被定义了,但是这个值是空值。

1. 首先注意: if 语句判断 null 、undefine 为fale, Number(null) 为0

<!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>Document</title>
</head>

<body>
    <input type="text" name="" id="">
    <button id="btn">点我调函数</button>
</body>

</html>
<script>
    console.log(Number(null));  //控制台输出: 0

    if (null) {  //控制台输出: 假
        console.log("真");
    } else {
        console.log("假");
    }
</script>

2. 一个数组，里面每一个元素都是一个对象，遍历数组，通过判断对象有没有某键值对进行选择渲染？

<!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>Document</title>
</head>

<body>

    <script>
        let arr = [
            { urla: "img1", title: "你好" },
            { urla: "img1", urlb: "img2", urlc: "img3", title: "你坏" },
            { urla: "img1", title: "你好" },
            { urla: "img1", urlb: "img2", urlc: "img3", title: "你坏" },
            { urla: "img1", title: "你好" },
            { urla: "img1", urlb: "img2", urlc: "img3", title: "你坏" },
            { urla: "img1", urlb: "img2", urlc: "img3", title: "你坏" },
            { urla: "img1", urlb: "img2", urlc: "img3", title: "你坏" },
            { urla: "img1", title: "你好" },
            { urla: "img1", title: "你好" }
        ]

        arr.filter((v, i) => {
            if (v.urlc == null) {
                console.log("渲染A区域");
            } else {
                console.log("渲染B区域");
            }
        })

控制台打印结果：
             渲染A区域
             渲染B区域
             渲染A区域
             渲染B区域
             渲染A区域
             渲染B区域
             渲染A区域





    </script>