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

智能推荐

机器学习模型评分总结（sklearn）_model.score-程序员宅基地

文章浏览阅读1.5w次，点赞10次，收藏129次。文章目录目录模型评估评价指标1.分类评价指标acc、recall、F1、混淆矩阵、分类综合报告1.准确率方式一：accuracy_score方式二：metrics2.召回率3.F1分数4.混淆矩阵5.分类报告6.kappa scoreROC1.ROC计算2.ROC曲线3.具体实例2.回归评价指标3.聚类评价指标1.Adjusted Rand index 调整兰德系数2.Mutual Informa..._model.score

Apache虚拟主机配置mod_jk_apache mod_jk 虚拟-程序员宅基地

文章浏览阅读344次。因工作需要，在Apache上使用，重新学习配置mod_jk1. 分别安装Apache和Tomcat：2. 编辑httpd-vhosts.conf： LoadModule jk_module modules/mod_jk.so #加载mod_jk模块 JkWorkersFile conf/workers.properties #添加worker信息 JkLogFil_apache mod_jk 虚拟

Android ConstraintLayout2.0 过度动画MotionLayout MotionScene3_android onoffsetchanged-程序员宅基地

文章浏览阅读335次。待老夫kotlin大成,扩展:MotionLayout 与 CoordinatorLayout,DrawerLayout,ViewPager 的 交互众所周知,MotionLayout 的 动画是有完成度的 即Progress ,他在0-1之间变化,一.CoordinatorLayout 与AppBarLayout 交互时,其实就是监听 offsetliner 这个 偏移量的变化 同样..._android onoffsetchanged

【转】多核处理器的工作原理及优缺点_多核处理器怎么工作-程序员宅基地

文章浏览阅读8.3k次，点赞3次，收藏19次。【转】多核处理器的工作原理及优缺点《处理器关于多核概念与区别 多核处理器工作原理及优缺点》原文传送门　　摘要：目前关于处理器的单核、双核和多核已经得到了普遍的运用，今天我们主要说说关于多核处理器的一些相关概念，它的工作与那里以及优缺点而展开的分析。1、多核处理器　　多核处理器是指在一枚处理器中集成两个或多个完整的计算引擎（内核），此时处理器能支持系统总线上的多个处理器，由总..._多核处理器怎么工作

个人小结---eclipse/myeclipse配置lombok_eclispe每次运行个新项目都需要重新配置lombok吗-程序员宅基地

文章浏览阅读306次。1. eclipse配置lombok 拷贝lombok.jar到eclipse.ini同级文件夹下，编辑eclipse.ini文件，添加: -javaagent:lombok.jar2. myeclipse配置lombok myeclipse像eclipse配置后，定义对象后，直接访问方法，可能会出现飘红的报错。 如果出现报错，可按照以下方式解决。 ..._eclispe每次运行个新项目都需要重新配置lombok吗

【最新实用版】Python批量将pdf文本提取并存储到txt文件中_python批量读取文字并批量保存-程序员宅基地

文章浏览阅读1.2w次，点赞31次，收藏126次。#注意：笔者在2021/11/11当天调试过这个代码是可用的，由于pdfminer版本的更新，网络上大多数的语法没有更新，我也是找了好久的文章才修正了我的代码，仅供学习参考。1、把pdf文件移动到本代码文件的同一个目录下，笔者是在pycharm里面运行的项目，下图中的x1文件夹存储了我需要转换成文本文件的所有pdf文件。然后要在此目录下创建一个存放转换后的txt文件的文件夹，如图中的txt文件夹。2、编写代码 （1）导入所需库# coding:utf-8import ..._python批量读取文字并批量保存

随便推点

oracle触发器修改同一张表,oracle触发器中对同一张表进行更新再查询时，需加自制事务...-程序员宅基地

文章浏览阅读655次。CREATE OR REPLACE TRIGGER Trg_ReimFactBEFORE UPDATEON BP_OrderFOR EACH ROWDECLAREPRAGMA AUTONOMOUS_TRANSACTION;--自制事务fc varchar2(255);BEGINIF ( :NEW.orderstate = 2AND :NEW.TransState = 1 ) THENBEG..._oracle触发器更新同一张表

debounce与throttle区别及其应用场景_throttle和debounce应用在哪些场景-程序员宅基地

文章浏览阅读513次。目录概念debouncethrottle实现debouncethrottle应用场景debouncethrottle场景举例debouncethrottle概念debounce字面理解是“防抖”，何谓“防抖”，就是连续操作结束后再执行，以网页滚动为例，debounce要等到用户停止滚动后才执行，将连续多次执行合并为一次执行。throttle字面理解是“节流”，何谓“节流”，就是确保一段时..._throttle和debounce应用在哪些场景

java操作mongdb【超详细】_java 操作mongodb-程序员宅基地

文章浏览阅读526次。regex() $regex 正则表达式用于模式匹配，基本上是用于文档中的发现字符串 （下面有例子）注意：若未加 @Field("名称") ，则识别mongdb集合中的key名为实体类属性名。也可以对数组进行索引，如果被索引的列是数组时，MongoDB会索引这个数组中的每一个元素。也可以对整个Document进行索引，排序是预定义的按插入BSON数据的先后升序排列。save: 若新增数据的主键已经存在，则会对当前已经存在的数据进行修改操作。_java 操作mongodb

github push 推送代码失败. 使用ssh rsa key. remote: Support for password authentication was removed._git push remote: support for password authenticati-程序员宅基地

文章浏览阅读1k次。今天push代码到github仓库时出现这个报错TACKCHEN-MB0:tc-image tackchen$ git pushremote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.remote: Please see https://github.blog/2020-12-15-token-authentication_git push remote: support for password authentication was removed on august 1

#程序员因薪资不满拒绝offer，HR：你只能是个程序员了_因薪资问题拒绝offer-程序员宅基地

文章浏览阅读1w次，点赞21次，收藏8次。职场上，公司与求职者是处于一种平等关系，你看重我能力，而我看重的是薪资和发展平台。对于双方来说，接受与拒绝都很正常，被拒绝也应该理性看待。但是就有一名程序员在求职过程中，公司看重他的技能，让HR和他谈薪资，而该程序员对于该公司给出的薪资并不满意，从而礼貌拒绝了。可是没想到该HR却生气称：估计你一辈子就是个程序员。从网友曝光的聊天记录来看，HR刚开始给程序员开出15K的薪资，而程序员则表示太..._因薪资问题拒绝offer

NPOI 在 System.IO.FileNotFoundException 中第一次偶然出现的“mscorlib.dll”类型的异常_在system.io.filenotfund 第一次偶现的 mscorlib-程序员宅基地

文章浏览阅读6.1k次。 本人环境是：VS2008 64位系统 。报错的版本是NPOI 2.1.3 binary(2.1.3之前都不可以) 。之后换上NPOI binary 2.1.3.1版本 错误消失，正常启动！NPOI官网： https://npoi.codeplex.com/..._在system.io.filenotfund 第一次偶现的 mscorlib

推荐文章

热门文章

相关标签