Javascript 对象的常见操作

Javascript 获取对象中值,新增属性,删除属性

javascript 中可以动态添加 对象属性

<html>
  <head>
    <script type="text/javascript">
        var obj = new Object();
        alert (obj.username);
        obj.username = "allen";
        alert (obj.username);
    </script>
  </head>
  <body>
  </body>
</html>

结果:
依次打印出 undefined, allen

也可用类似 EL (Expression Language)那样用“[]”表示,方括号中可以为数值,字母,汉字,符号。写成 obj["username"] = "allen";

如何删除属性? 使用 delete

<html>
  <head>
    <script type="text/javascript">
        var obj = new Object();
        obj["username"] = "allen";
        alert (obj.username);
        delete obj.username;
        alert (obj.username);
    </script>
  </head>
  <body>
  </body>
</html>

结果:依次打印 allen, undefined. 说明 username 属性已经删除。

另外还有一种定义属性的方法,而且是我们必须掌握的:

<html>
  <head>
    <script type="text/javascript">
        var obj = {username:"allen", password:"123"};
        alert(obj.username);
        alert(obj.password);
        /**
        * 当对象的key为数字的时候获取对象属性
        */
        var objNumber = {11000:‘省‘,12000:‘市‘,13000:‘区‘};
        for(var objs in objNumber){
            console.log(objs);//获取键
            console.log(objNumber[objs]);//获取值
        }
    </script>
  </head>
  <body>
  </body>
</html>

结果:allen, 123,11000,省,12000,市,13000,区

注:此文章为转载博客园大牛baobaoqin

原文地址:https://www.cnblogs.com/10yearsmanong/p/12215685.html

时间: 2024-07-30 23:25:52

Javascript 对象的常见操作的相关文章

javascript对象定义和操作

//js对象定义有三种方式//js方法定义有三种方式 function fn(){} var fun = function(){} var fun = new function() {} //******** *********************************//<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <titl

了解JavaScript 对象的属性操作

提起操作, 很多人都会想到我们学习过程中最经常做的操作, 就是对数据库进行增, 删, 改, 查, 既然提到这个, 那么对于对象的属性操作也不例外, 基本上可以说也是这几个操作. JS中对象的属性标签 writable(可写), enumerable(可枚举), configurable(可配置), value(值), get/set(get, set方法). 这几个标签会在后面逐渐丰富, 这里先简单介绍下. 属性的读写 属性的读写在介绍对象的时候基本已经说的差不多了, 这里补充和总结一下. 这里

JavaScript对象之属性操作

在js对象中,我们可以对对象属性进行操作. 上图的要点为:for-in会把原型链上的可枚举属性也列出来. 上图的要点为:可以使用逻辑运算符&&进行层层查找对象是否为undefined,从而在赋值过程中不报错. 上图的要点为: 1.delete不存在的属性,依旧返回true. 2.Object.getOwnPropertyDescriptor()是返回某个对象的描述对象,这有点像Java的反射类. 3.Object.prototype不可配置. 上图的要点为: 1.delete全局变量和局部

JavaScript对象属性赋值操作的逻辑

对象进行属性赋值操作时,其执行逻辑如下所示: 1. 当前对象中是否有该属性?有,进行赋值操作:没有,进行下一步判断. 2. 对象的原型链中是否有该属性?没有,在当前对象上创建该属性,并赋值:有,进行下一步判断. 3. 原型链中该属性是否允许操作?是,在当前对象上创建同名属性,并赋值:否,属性赋值失败. 无论是属性赋值还是新建属性,都是在当前对象上进行的,不会修改原型链!第三种情况下,新建的属性将会覆盖对象从原型链继承来的同名属性.

javascript对象的相关操作

Window对象 我们知道浏览器对象模型(BOM)是javascript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象.其分层结构如下: window对象是整个BOM的核心其有document(文档对象).location(地址对象) 和history(历史对象组成) 调用对象属性的语法: 对象.属性名="属性值"; 对象["属性名称字符串"]="属性值"; 调用对象方法的语法: 对象的方法名(); 对象["方法名称字符串&q

javascript 内置对象及常见API

javascript 内置对象及常见API 2012-09-02 15:17 571人阅读 评论(0) 收藏 举报 javascript正则表达式文档浏览器urlstring Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对encodeURI()转义的字符串解码. decodeURIComponent() 对encodeURIComponent()转义的字符串解码. encodeURI(

ajax操作之操作 JavaScript 对象

通过请求获取充分格式化的HTML虽然很方便,但这也意味着必须在传输文本内容的同时也 传输很多HTML标签.有时候,我们希望能够尽量少传输一些数据,然后马上处理这些数据.在 这种情况,我们希望取得能够通过JavaScript进行遍历的数据结构.          使用jQueiy的选择符可以遍历和操作取得的HTML结构,但是还有一种JavaScript内置的数据 格式,既能减少数据传输量,也会减少编码量.1.取得JSON         前面我们曾经看到过,JavaScript对象是由一些“键-值

JavaScript之jQuery-4 jQuery事件(页面加载后执行、事件处理、事件冒泡、事件对象、模拟操作)

一.jQuery 页面加载后执行 代码执行的时机选择 - $(document).ready()方法和 window.onload事件具有相似的功能,但是在执行时机方面是有区别的 - window.onload 事件是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行 - $(document).ready()方法注册的事件处理程序,在DOM完全加载后就可以调用 - 一般来讲, $(document).ready()的执行要优于window.onload事件 - 需要注意的是,

深入理解javascript对象系列第二篇——属性操作

× 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对象系列的第二篇——属性操作 属性查询 属性查询一般有两种方法,包括点运算符和方括号运算符 var o = { p: 'Hello World' }; o.p // "Hello World" o['p'] // "Hello World" [注意]变量中可以存在中文,因