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>

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

目录
相关文章
|
5月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
76 2
|
4月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
4月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
4月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
49 1
JavaScript中对象的数据拷贝
|
4月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
5月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
71 4
|
5月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
59 2
|
5月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
78 1
|
5月前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
64 2
|
5月前
|
存储 JavaScript 前端开发
js中的对象
js中的对象
40 3

热门文章

最新文章