前端笔记：对象

最新推荐文章于 2024-09-07 10:33:51 发布

永远的净心

最新推荐文章于 2024-09-07 10:33:51 发布

阅读量102

点赞数

分类专栏：笔记文章标签： js

本文链接：https://blog.csdn.net/weixin_37150764/article/details/109237250

版权

笔记专栏收录该内容

18 篇文章 0 订阅

订阅专栏

车属性遍历

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        var car = {
           brand: 'Benz',
           color: 'red',
           displacement: '3.0',
           lang: '5',
           width: '2.5'
        }
        for(var key in car){
            console.log(key + ':' + car[key]);
            //car.key -> car['key'] -> undefined
        }
        
    </script>
</body>
</html>

买车遍历

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        //hasOwnProperty
        var obj = {
            name: "艾小野",
            age: 32
        }
        function Car(){
            this.brand = 'Benz';
            this.color = 'red';
            this.displacement = '3.0';
        }  
        Car.prototype = {
            lang: 5,
            width: 2.5
        }     
       Object.prototype.name = 'Object';
       var car = new Car();
       for(var key in car){
           if(car.hasOwnProperty(key)){
               console.log(car[key]);
           }
       }
        
    </script>
</body>
</html>

判断

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        console.log(undefined == null);
        console.log(undefined === null);
        console.log(isNaN('100'));
        console.log(parseInt('1a') == 1);
        console.log(parseInt('12a1'));
        console.log('99' > '9');
        console.log(1 > '9');
        console.log('a' > '9');
        console.log('a' > 'A')
    </script>
</body>
</html>

判断数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
     var a = [];
    var str = Object.prototype.toString.call(a);
    if(str === '[object Array]'){
        console.log('是数组');
    }else{
        console.log('不是数组');
    }
        Object.prototype = {
            toString: function(){
                a.toString();
            }
        }
        var arr = new Array(1,2,3);
        console.log(arr.toString());
        console.log(arr);
        console.log(Object.prototype.toString.call(arr));
    </script>
</body>
</html>