for in遍历对象
1.for ... in
是为遍历对象属性而构建的
示例1:
// 声明一个对象obj
// var obj = { a: 1, b: 2, c: 3 };
// // 遍历对象的属性 声明一个变量prop
// for (var prop in obj) {
// console.log("obj." + prop + " = " + obj[prop]);
// }
// 结果:a=1,b=2,c=3
示例2:
// 声明一个对象triangle
var triangle = { a: 1, b: 2, c: 3 };
// 声明一个构造函数ColoredTriangle
function ColoredTriangle() {
// this代表这个构造函数ColoredTriangle的实例
this.color = 'red';
}
// 把triangle对象挂载到这个构造函数的原型上
ColoredTriangle.prototype = triangle;
// new一个实例 obj
var obj = new ColoredTriangle();
// 遍历这个对象
for (var prop in obj) {
// 判断这个obj是否有指定属性prop---color
if (obj.hasOwnProperty(prop)) {
// 打印这个prop的属性名和属性值 colro='red'
console.log(`obj.${prop} = ${obj[prop]}`);
}
}
3.hasOwnProperty(属性名)是否具有指定属性
例子:
// 声明一个对象obj1
const object1 = {};
// 给obj添加一个属性property1 值为42
object1.property1 = 42;
console.log(object1.hasOwnProperty('property1'));
// true
console.log(object1.hasOwnProperty('toString'));
// false
console.log(object1.hasOwnProperty('hasOwnProperty'))
// false
for in遍历对象相关推荐
- OC中创建对象,存入数组,并且遍历对象
在这个地方我们将通过一个例子来演示怎样来创建一个对象,创建数组,怎样将数组中的对象的属性都输出来. 首先为了完成这样的一个目标我们需要做的是创建一个对象: #import <Foundation ...
- javascript 遍历对象
javascript 遍历对象 <!DOCTYPE html> <html lang="en"><head><meta charset=& ...
- v-for遍历数组 || v-for遍历对象
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- 分支结构||分支循环结构||使用原生js遍历对象
分支循环结构 分支结构 v-show的原理:控制元素样式是否显示 display:none <!DOCTYPE html> <html lang="en"> ...
- 查看java返回的值,JavaScript 遍历对象查找指定的值并返回路径
问:JavaScript 如何查找对象中某个 value 并返回路径上所有的 key? let obj = { key1: 'str1', key2: { key3: 'str3' }, key4: ...
- java 遍历对象_java中some(),every()循环遍历,Object.getOwnPropertyNames()遍历对象的属性...
由于java知识的应用具有一定的广泛性,所以它经常会应用到我们的日常使用当中.那么今天就为大家介绍一下java中some(),every()循环遍历,Object.getOwnPropertyName ...
- vue 取数组第一个值_vue遍历对象中的数组取值示例
前几天小项目,没考虑周全,让后端改接口,改成数组中包含对象中包含数组的形式,后来越琢磨越不对,后台把所有数据放在了一个对象里,我拿弹窗数据不好拿,索性又改了回来,把后端折腾够呛,自己也折腾够呛,发上来 ...
- Web前端遍历对象应该如何操作呢?
上一期我们讲了前端遍历数组的方式,但我们有时候也会遇到需要遍历对象的情况,那么遍历对象应该如何操作呢?小千今天就来告诉你. 一.for-in遍历对象 一般用于遍历对象 keys表示obj对象的每一个键 ...
- JavaScript 中遍历对象的属性
原文链接 JavaScript 中遍历对象的属性 参考 JavaScript中的属性:如何遍历属性 <JavaScript 高级程序设计> 概述 遍历 JavaScript 对象中的属性没 ...
- 迭代器自定义遍历对象
要说起迭代器自定义遍历对象,首页要知道什么是迭代器? 生成器概念在Java,Python等语言中都是具备的,ES6也添加到了JavaScript中.Iterator可以使我们不需要初始化集合,以及索引 ...
最新文章
- 马化腾与中国知名科学家联手发起“科学探索奖”
- ppwjs之bootstrap文字排版:排版常量
- CentOS 6.5 使用docker 容器
- 01-JDBC学习手册:JDBC概述之JDBC发展、API、驱动
- 2 中间件的使用、异步action的创建
- 因特网使用期限_Internet死亡时使用PC的其他方式
- 项目Beta冲刺(团队)第七天
- C++primer 10.5.1节练习
- 《WF编程》系列之29 - 本地通信事件:HandleExternalEventActivity 活动生成器
- 【免费好用】节假日查询接口
- 大二暑期第四周学习总结
- 二手手机设备回收小程序开发
- error: redefinition of ‘xxx’问题的解决
- 【安全】漏洞挖掘之王的传奇人生
- printf 中的伪灵异事件
- SSH登录时“no matching host key type found. Their offer: ssh-rsa,ssh-dss“的错误解决方法
- 开发者的瑞士军刀Eolink,目测要火
- 大数据征信的“是与非”
- PHP程序员的职业规划,走进PHP后端工程师的世界
- mysql error 29_mysql ERROR 29 (HY000): File \'xxx.txt\' not found