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>

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

目录
相关文章
|
29天前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
31 2
|
17天前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
32 4
|
16天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
24 1
|
17天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
13 2
|
19天前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
17 2
|
23天前
|
存储 JavaScript 前端开发
js中的对象
js中的对象
14 3
|
28天前
|
JavaScript 前端开发
JavaScript Math(算数) 对象
JavaScript Math(算数) 对象
17 4
|
27天前
|
Web App开发 JavaScript 前端开发
JavaScript Window - 浏览器对象模型
JavaScript Window - 浏览器对象模型
17 2
|
28天前
|
JavaScript 前端开发
JavaScript RegExp 对象
JavaScript RegExp 对象
18 3
|
28天前
|
JavaScript 前端开发
JavaScript Boolean(布尔) 对象
JavaScript Boolean(布尔) 对象
17 3