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'));

本文链接：https://blog.csdn.net/qq_53866767/article/details/131283983

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

高频交易及化资策与区_hudson river trading-程序员宅基地

文章浏览阅读406次。转高频交易及量化投资的策略与误区一、高频交易公司和量化投资公司的区别一般来说，高频交易公司和量化投资公司既有联系，又有区别。在美国，人们常说的高频交易公司一般都是自营交易公司，这些公司主要有Getco、Tower Research、Hudson River Trading、SIG、Virtu Financial、Jump Trading、RGM Advisor、Chopper Tradi..._hudson river trading

C语言文件操作相关的函数_c语言与文件处理有关的函数-程序员宅基地

文章浏览阅读865次。文件的打开和关闭文件在读写之前应该先打开文件，在使用结束之后应该关闭文件。在编写程序的时候，在打开文件的同时，都会返回一个FILE*的指针变量指向该文件，也相当于建立了指针和文件的关系。ANSIC 规定使用fopen函数来打开文件，fclose来关闭文件。FILE * fopen ( const char * filename, const char * mode ); int fcl..._c语言与文件处理有关的函数

java 无法读取文件_java 读取文件，无法显示文件内容，如何解决？谢谢。-程序员宅基地

文章浏览阅读1.1k次。从来没见过进行文件读取写入时，在写入中需要随机数的，你读取文件就是从一个地方获取输入流，然后将这个输入流写到别的地方，根本不要随机数。给你一个示例：//copyafiletoanotherfilebyusingFileReader/FileWriterimportjava.io.*;publicclassTFileRead{publicstaticvoidmain(S..._java复制文件文件没有内容显示

vue引入原生高德地图_前端引入原生地图-程序员宅基地

文章浏览阅读556次，点赞2次，收藏3次。由于工作上的需要，今天捣鼓了半天高德地图。如果定制化开发需求不太高的话，可以用vue-amap，这个我就不多说了，详细就看官网 https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install然而我们公司需要英文版的高德，我看vue-amap中好像没有这方面的配置，而且还有一些其他的定制化开发需求，然后就只用原生的高德。其实原生的引入也不复杂，但是有几个坑要填一下。1. index.html注意，引入的高德js一定要放在头部而_前端引入原生地图

ViewGroup重写大法（一）-程序员宅基地

文章浏览阅读104次。本文介绍ViewGroup重写，我们所熟知的LinearLayout，RelativeLayout，FrameLayout等等，所有的容器类都是ViewGroup的子类，ViewGroup又继承View。我们在熟练应用这些现成的系统布局的时候可能有时候就不能满足我们自己的需求了，这是我们就要自己重写一个容器来实现效果。ViewGroup重写可以达到各种效果，下面写一个简单的重写一个Vi..._viewgroup 重写

Stm32学习笔记，3万字超详细_stm32笔记-程序员宅基地

文章浏览阅读1.8w次，点赞279次，收藏1.5k次。本文章主要记录本人在学习stm32过程中的笔记，也插入了不少的例程代码，方便到时候CV。绝大多数内容为本人手写，小部分来自stm32官方的中文参考手册以及网上其他文章；代码部分大多来自江科大和正点原子的例程，注释是我自己添加；配图来自江科大/正点原子/中文参考手册。笔记内容都是平时自己一点点添加，不知不觉都已经这么长了。其实每一个标题其实都可以发一篇，但是这样搞太琐碎了，所以还是就这样吧。_stm32笔记

随便推点

Java从零开始第10.5讲面向对象的习题课_编写一个测试类booktest,创建几个book对象,并打印它们的字符串表示,同时判断-程序员宅基地

文章浏览阅读197次。面向对象的习题课类的定义员工类Employee求和类Sum类与对象书籍类BookBook类的测试类BookTest异常能扩容的MyList类剪刀石头布转载请注明出处在这一讲中我会给出一些关于面向对象部分的习题，同样希望在不看答案的情况下自己编写，即使看过了答案，也要能够在不看答案的情况下写出来。类的定义员工类Employee定义在同一个公司工作的Employee类，要求其中含有属性：员工的名字，员工的年龄，员工的爱好，员工的公司名（注意当公司更名时，所有员工的公司名都需要更名），工作地点默认为中国（_编写一个测试类booktest,创建几个book对象,并打印它们的字符串表示,同时判断

Spark伪分布安装（依赖Hadoop）_下载spark的hadoop依赖-程序员宅基地

文章浏览阅读6.7k次，点赞7次，收藏14次。一、伪分布安装Spark安装环境：Ubuntu 14.04 LTS 64位+Hadoop2.7.2+Spark2.0.0+jdk1.7.0_761、安装jdk1.7（1）下载jdk-7u76-linux-x64.tar.gz；（2）解压jdk-7u76-linux-x64.tar.gz，并将其移动到/opt/java/jdk路径下（自建）；命令：tar -zxvf jdk-_下载spark的hadoop依赖

TCP/IP 是用于因特网 (Internet) 的通信协议_广泛应用在internet中的tcp/ip的网络管理主要使用的是 ____协议。 (填空题)-程序员宅基地

文章浏览阅读6.7k次。计算机通信协议计算机通信协议是对那些计算机必须遵守以便彼此通信的规则的描述。什么是 TCP/IP？TCP/IP 是供已连接因特网的计算机进行通信的通信协议。TCP/IP 指传输控制协议/网际协议 (Transmission Control Protocol / Internet Protocol)。TCP/IP 定义了电子设备（比如计算机）如何连入因特网，以及数据如何在它们之间传输的标准..._广泛应用在internet中的tcp/ip的网络管理主要使用的是 ____协议。 (填空题)

java中的一些经典算法_java中temsize+=1运算-程序员宅基地

文章浏览阅读360次。转自：落尘曦的博客：http://blog.csdn.net/qq_23994787 原文链接：https://blog.csdn.net/qq_23994787/article/details/77951244#_Toc9101经典算法的Java实现（1）河内塔问题： 42（2）费式数列 43（3）巴斯卡（Pascal）三角形 44（4）蒙地卡罗法求 PI 45（..._java中temsize+=1运算

Linux习题简答题_linux中，第一个普通用户的uid为____。-程序员宅基地

文章浏览阅读3.1k次，点赞6次，收藏27次。第一章Q1 简述Linux系统的应用领域 Linux服务器；嵌入式Linux系统；软件开发平台；桌面应用Q2 简述Linux系统的特点开放性、多用户、多任务、良好的用户界面、设备独立性、丰富的网络功能、可靠的系统安全、良好的可移植性Q3 简述Linux系统的组成内核、shell、文件系统、应用程序Q4 简述主流的Linux发行版本 Redhat SUSE Oracle CentOS Ubuntu Debian Mandriva Gentoo Slackware Fe_linux中，第一个普通用户的uid为____。

【路径规划】基于matlab粒子群算法新型概率密度无人机作战路径规划【含Matlab源码 2620期】_已知目标出现概率热图matlab无人机路径规划-程序员宅基地

文章浏览阅读183次。粒子群算法新型概率密度无人机作战路径规划完整的代码，方可运行；可提供运行操作视频！适合小白！_已知目标出现概率热图matlab无人机路径规划