JavaScript 自定义对象 for in

最新推荐文章于 2024-04-23 19:45:00 发布

最爱林丽明小姐

最新推荐文章于 2024-04-23 19:45:00 发布

阅读量829

点赞数

分类专栏： BOM浏览器对象

本文链接：https://blog.csdn.net/kissme_a/article/details/20794161

版权

BOM浏览器对象专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript 中所有的事务都是对象，比如 String, Date, Array等等。

对象只是带有属性和方法的特殊数据类型

例

<html>
<body>
<script>
    var message = "Hello World!";
    var x = message.length;
    alert(x);
</script>
</body>
</html>

创建JavaScriptduixiang对象

创建直接的实例

<html>
<body>
<script>
    person = new Object();
    person.firstname = "bill";
    person.lastname = "Gates";
    person.age = 56;
    person.eyecolor = "blue";
    document.write(person.firstname + " is " + person.age + " years old");
</script>
</body>
</html>

使用替代语法（使用对象 literals)

<html>
<body>
<script>
    person = {firstname:"bill",lastname:"gates", age:56, eyecolor:"blue"};
    document.write(person.firstname + " is " + person.age + "years old");
</script>
</body>
</html>

使用对象构造器

<html>
<body>
<script>
    function person(firstname, lastname,age,eyecolor)
    {
        this.firstname = firstname;
        this.lastname = lastname;
        this.age = age;
        this.eyecolor = eyecolor;
    }

    myFather = new person("bill", "gates", 56, "blue");
    document.write(myFather.firstname + " is " + myFather.age + " years old");
</script>
</body>
</html>

for in 遍历对象中的属性

<html>
<body>
<p>点击下面的按钮，循环遍历对象"person"的属性。</p>
<button onclick = "myFunction()">点击这里</button>
<p id = "demo"></p>
<script>
    function myFunction()
    {
        var x;
        var txt = "";
        var person = {fname:"bill", lname:"Gates", age:56};

        for (x in person)
        {
            txt = txt + person[x];
        }

        document.getElementById("demo").innerHTML = txt;
    }
</script>
</body>
</html>