JS对象的创建，访问以及遍历删除新增修改以及属性的检测_js遍历对象并移除属性-程序员宅基地

技术标签： HTML+CSS+JS  javascript  开发语言  ecmascript  

目录

JS对象的创建

JS对象的访问

 遍历删除新增修改

 检测对象的属性是否是自有或者继承属性  in

检测对象的属性是否是自有属性，区分继承属性   hasOwnProperty

 检测对象的属性是否是可枚举属性        propertyIsEnumerable

JS对象的创建

对象的初始化有两种方式，构造函数模式和字面量模式。

字面量模式

对象使用"{}"作为对象的边界，对象是由多个属性组成，属性与属性之间通过","隔开，属性名与属性值通过":"隔开;属性名一般不添加引号（当属性名中出现特殊字符的时候需要添加引号），属性值如果是字符串的一定添加引号。

构造函数模式

使用Object或者使用自定义构造函数来初始化对象

// {}
var obj1 = {};
// 直接使用字面量
var obj2 = {
    name:'lisi',
    age:18
};
// 使用构造函数
var obj3 = new Object();

JS对象的访问

属性访问方式也有两种，点访问、中括号访问。

点后面直接跟的是对象的属性，如果属性存在可以访问到，如果属性不存在，得到undefined。 中括号 中 放的是变量，中括号可以将该变量进行解析。

var obj = {
    name:'zhangsan',
    age:12,
    sayName:function(){
        console.log('我被访问了');
        return 1;
    }
}

// 访问属性 点访问法
console.log(obj.name);
// 中括号访问法 可以解析变量
console.log(obj['age']);
console.log(obj['sayName']());  // 没返回值 undefined

 遍历删除新增修改

普通版的for循环可以遍历数组，但无法遍历对象。

增强版的for循环：

for..in用于遍历数组或者对象的属性。

obj对象:依次从obj中获取到属性名 “自定义变量名key”用来指定是数组的元素索引，也可以是对象的属性。

for(自定义变量名 in 数组/对象){
	执行代码
}
for(var key in obj){
	var value=obj[key];
}
// 遍历对象 key属性名 obj[key]访问该属性名对应的属性值
for(let key in obj){
    console.log(key,obj[key]);
}

// 删除一个属性  delete
delete obj['name'];
console.log(obj);

// 新增
obj['name'] = 'zhangsan';
console.log(obj);

 检测对象的属性是否是自有或者继承属性  in

检测对象的属性是否是自有或者继承属性 in obj,是自有或继承返回true，反之false

// 自有属性或继承属性
var obj = {
    name:'zhangsan',
    age:20,
};
console.log('name' in obj);
console.log('age' in obj);
// 继承来的 
console.log('gender' in obj);
console.log('toString' in obj);

检测对象的属性是否是自有属性，区分继承属性   hasOwnProperty

// 是否是自有属性，对继承属性返回false
console.log(obj.hasOwnProperty('name'));
console.log(obj.hasOwnProperty('age'));
console.log(obj.hasOwnProperty('gender'));
console.log(obj.hasOwnProperty('toString'));

 

 检测对象的属性是否是可枚举属性        propertyIsEnumerable

// 是否是可枚举属性 propertyIsEnumerable
console.log(obj.propertyIsEnumerable('name'));
console.log(obj.propertyIsEnumerable('age'));
console.log(obj.propertyIsEnumerable('gender'));
console.log(obj.propertyIsEnumerable('toString'));
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53866767/article/details/131283983

智能推荐

元素选择器之排除特定元素_input排他选择器-程序员宅基地

文章浏览阅读2.1k次。 需求如下:该搜索框是对整个页面的input检索 ，但与弹出层中的input冲突 博主几经辗转 简单处理 解决问题，思路如下：排除掉特定class的input。代码如下：$('input:not(.pop)', this.footer()).on('keyup change', function () { if (that.search() !== th..._input排他选择器

使用JAXB进行XML与JavaBean的转换（支持泛型）_jaxb 泛型-程序员宅基地

文章浏览阅读5.6k次，点赞6次，收藏20次。看到别人有个1024的勋章，特意留了一篇在今年的10.24日，看看会不会获得。在日常开发中可能涉及接口之间的相互调用，虽然在现在微服务的理念推广下，很多公司都采用轻量级的JSON格式做为序列化的格式，但是不乏有些公司还是有一些XML格式的报文，最近就在对接某个合作方的时候遇到了XML报文。在JSON报文爽快的转换下很难试用一个一个的拿报文参数，还是希望能直接将报文转换成Bean。接下来就了解到..._jaxb 泛型

python numpy学习笔记_ndarray的位置-程序员宅基地

文章浏览阅读1.2k次。numpy的主要数据对象是多维数组，其中包含相同类型的元素，通常是数字类型，每个元素都有一个索引。使用numpy前通常要导入包。import numpy as np目录类型维度创建运算索引和切片类型numpy的数组被称为ndarray。numpy.array只处理一维数组，而ndarray对象才提供更多功能。a = np.array([[1, 2, 3], [4, 5, 6]])type(a) # <class 'numpy.ndarray'>dtype属性可以获得元素的数_ndarray的位置

我的世界java版gamemode指令_《我的世界》Java版常用指令代码大全！你想要的都在这里了！...-程序员宅基地

文章浏览阅读1.6w次。还在苦于网上找到的一些指令已经不适用了吗？还在苦于有些地方的指令有误吗？还在苦于有些地方整理的指令不够全面吗？那么你来对地方了！小编为大家整理了《我的世界》原版游戏常用的指令，这些基本足以满足各位的基本需求了！大家来一起看看吧！注：表示的是必须输入的部分，[方括号]表示的是可选择性输入的部分基本命令列表命令描述/?/help的替代命令，提供命令使用帮助。/ban + 玩家名字将玩家加入封禁列表。/..._gamemode指令java

Spring Boot 结合shiro做第三方登录验证_shiro 第三方token登录-程序员宅基地

文章浏览阅读1.5w次，点赞3次，收藏3次。Spring Boot 结合shiro做第三方登录验证1、首先，说一下我的具体实现思路。在做spring boot拦截器的过程中，开始我准备用spring security来实现，但是研究了一段时间之后发现spring security的集成度太高，需要修改的东西比较多，而且对它本身的使用方法不是很了解，后来转而使用Apache shiro。由于是第三方登录，是不需要我来验证密码的。最开始，我陷入了_shiro 第三方token登录

labelme UnicodeDecodeError: ‘gbk‘ codec can‘t decode byte 0xaf in position 227: illegal mult_file "c:\rgzn\labelme-main\setup.py", line 91, in -程序员宅基地

文章浏览阅读1.9k次，点赞4次，收藏4次。[INFO ] __init__:get_config:71 - Loading config file from:C:\Users\xxx\.labelmercTraceback (most recent call last): File .... line 191, in <module> main() File ...., line 145, in main config = get_config(config_file_or_yaml, config_fro_file "c:\rgzn\labelme-main\setup.py", line 91, in main if sys.argv[1] == "re

随便推点

代码报错原因和处理方法-程序员宅基地

文章浏览阅读8.7k次。代码错误的原因和调试方法_代码报错

深度解析Java游戏服务器开发-程序员宅基地

文章浏览阅读5.2k次，点赞9次，收藏40次。---恢复内容开始---1.认识游戏　　1.1什么是游戏　　　　1.1.1游戏的定义　　　　　　　　　　　　　　任何人类正常生理需求之外的活动均可称为游戏　　　　1.1.2游戏的分类　　　　　　RPG角色扮演游戏、ACT动作游戏、AVG冒险游戏、FPS第一人称视角射击游戏、TPS第三人称视角射击游戏、FTG格斗游戏、SPT体育游戏、RAC竞速游戏、RTS即时战略游戏、STG..._深度解析java游戏服务器开发

【ThinkPHP5初体验（二）1】CSRF防范原理（thinkphp5 CSRF ajax令牌）_tp5 开启csrf令牌-程序员宅基地

文章浏览阅读4k次。CSRF是什么我就不解释了，百度一搜全是，比波姐的片源还要多，千篇一律都他么是复制粘贴。那为什么这个令牌（token）操作可以防范CSRF呢？下面我就随便说说说错了大家不要介意。首先我们要知道令牌是存储在session里面的，这个很重要 php代码如下&lt;?php namespace app\index\controller; //我直接允许跨域，因为伪装..._tp5 开启csrf令牌

市盈率、市净率、净资产收益率股息率介绍-程序员宅基地

文章浏览阅读1.7k次，点赞2次，收藏6次。市盈率PE市盈率 = 市值/净利润概念解析：买入一家公司，几年回本，年化收益率：净利润/市值(市盈率的倒数)举例：砖头10万买个砖头，每年拍人带来1万利润，需要10年回本市盈率：10/1 = 10年化收益率：1/10 = 10%市净率PB市净率 = 市值/净资产净资产 = 总资产 - 负债举例：张三便利店，净资产：120万市值：1..._净资产收益率和股息率

墨器杯垫 文创商品设计特优_杯垫文创设计说明-程序员宅基地

文章浏览阅读737次。教育部昨举行「102年国立馆所文创商品设计比赛」颁奖典礼，台北科技大学创新设计研究所硕士生谢镇宇，为TW艺术教育馆设计「墨器」杯垫，取「默契」谐音，用5片压克力板，展现水墨画层层渲染效果，增加立体视觉感受，并在杯架后方加入LED光源，获评审肯定夺特优奖和奖金10万元。台南应用科技大学商品设计系学生高郁翔，为国立自然科学博物馆设计「恐龙化石钉书机」，他认为小朋友把钉书机钉下去的那一刻，会觉得像暴龙準_杯垫文创设计说明

C#中关于XML与对象，集合的相互转换-程序员宅基地

文章浏览阅读404次。XML与对象，集合的相互转化　　今天小伙伴在群里问了一下关于XML与对象之间的相互转换，作为菜鸟的我正好趁着闲着的时间学习了一波，直接上代码了，有疑问或者有错误的地方还请大家指正，谢谢。。。。 1 using System; 2 using System.Collections.Generic; 3 using System.IO; 4 using System...._c# xml转集合

推荐文章

热门文章

相关标签