JavaScript基础知识-对象的基本操作

简介: 关于JavaScript对象基本操作的基础知识文章。

作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>对象的基本操作</title>

        <script type="text/javascript">
            /**
             *     JS中的数据类型:
             *         基本数据类型:
             *             String(字符串)
             *             Number(数值)
             *             Boolean(布尔值)
             *             Null(空值)
             *             Undefined(未定义)
             *         引用数据类型:
             *             Object(对象)
             * 
             *     基本数据类型都是单一的值,如在JS中标识一个人的信息(name,age)如下所示,这些值和值之间没有任何关系,不能成为一个整体。
             *         var name = "尹正杰";
             *         var age = 18;
             *     
             *     对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。因此使用对象就可以很容易标识一个人的信息。
             * 
             * 
             *     对象的分类:
             *         内建对象:
             *             由ES标准中定义的对象,在任何的ES中实现都可以使用,比如:Math,String,Number,Boolean,Function,Object,......
             *         宿主对象:
             *             由JS运行环境提供的镜像,目前主要来讲是由浏览器提供的对象,比如BOM(浏览器对象模型,典型代表就是"console.log();"中的"console"对象),DOM(文档对象模型,典型代表就是"document.write();"中的"document"对象)等。
             *         自定义对象:
             *             由开发人员自建创建的对象。
             * 
             */

            //创建对象,使用new关键字调用的函数,就是构造函数(constructor),构造函数时专门用来创建对象的函数。
            var obj = new Object();

            //向对象中添加属性(在对象中保存的值称为属性)
            obj.name = "尹正杰";
            obj.age  = 18;

            console.log(typeof obj);
            console.log(obj);

            //读取对象中的属性,如果读取对象中没有的属性,不会报错而是返回"Undefined"
            console.log(obj.name);
            console.log(obj.gender);
            console.log(obj.age);

            //修改对象属性
            obj.name = "Jason Yin";
            console.log(obj.name);
            console.log(obj);

            //删除对象的属性
            delete obj.name;
            console.log(obj.name);
            console.log(obj);

        </script>
    </head>
    <body>
    </body>
</html>

二.浏览器打开以上代码渲染结果

目录
相关文章
|
3天前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
13 2
|
2月前
|
JavaScript 前端开发
JavaScript遍历数组和对象常用方法总结
以上代码展示了数组和对象的多种遍历方法。对于数组,使用了传统的 `for` 循环、`for...in` 和 ES6 的 `for...of` 进行遍历;对于对象,则通过 `for...in`、`Object.keys()`、`Object.values()` 和 `Object.entries()` 来获取键值对。`for...of` 循环适用于遍历具有迭代协议的数据结构,如数组、字符串等,而对象遍历则更多地依赖于 `Object` 方法来获取其属性集合。
JavaScript遍历数组和对象常用方法总结
|
2月前
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象,并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象,然后根据需要提取对象中的属性值,并将它们放入新的对象中,最终形成一个新的对象数组以供使用。
|
2天前
|
JavaScript 前端开发
JavaScript Math(算数) 对象
JavaScript Math(算数) 对象
10 4
|
1天前
|
Web App开发 JavaScript 前端开发
JavaScript Window - 浏览器对象模型
JavaScript Window - 浏览器对象模型
11 2
|
2天前
|
JavaScript 前端开发
JavaScript RegExp 对象
JavaScript RegExp 对象
10 3
|
2天前
|
JavaScript 前端开发
JavaScript Boolean(布尔) 对象
JavaScript Boolean(布尔) 对象
8 3
|
3天前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
12 3
|
3天前
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
10 3
|
5天前
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
14 3
下一篇
无影云桌面