JavaScript 自定义对象 for in

最新推荐文章于 2025-05-17 20:21:38 发布

最爱林丽明小姐

最新推荐文章于 2025-05-17 20:21:38 发布

阅读量902

点赞数

CC 4.0 BY-SA版权

分类专栏： BOM浏览器对象

本文链接：https://blog.youkuaiyun.com/kissme_a/article/details/20794161

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

2 篇文章

订阅专栏

本文详细介绍了JavaScript中对象的概念，包括对象的属性和方法，并通过示例展示了如何创建字符串对象、直接实例化对象、使用对象字面量创建对象、使用构造函数创建对象，以及遍历对象属性的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>