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可以使我们不需要初始化集合,以及索引 ...
最新文章
- html广告位代码,一段CSS代码让你的广告位“立起来”
- 技术人员如何转型为产品经理
- cocos2d Labels and Fonts 标签和字体(附:关于Hiero的二三事)
- C# async await 学习笔记1
- PHP如何复制前端传递的json数据
- LINQ根据某字段GroupBy
- 积木报表对比帆软报表有什么区别?
- (48)FPGA状态机描述(一段式)
- Java实现复制文件(文件、文件夹)
- linux raid卡驱动添加到内核,如何在Linux上编译RAID卡驱动方法详解
- 如何安装数据库和数据库安装不了如何解决
- NPN和PNP三极管搭建推挽电路实验
- 川大《计算机应用基础》第二次作业,川大16秋《计算机应用基础》第二次作业答案.pdf...
- dede标签云(TAG)随机颜色及大小的实现方法
- Maya_to_Unity工作流程
- 通过Bellman算子理解动态规划
- 在网页地图图片上加注企业和“圳品”数量信息
- Android手机app启动的时候第一个Activity必须是MainActivity吗
- 英雄之舞—迷踪“安可心”
- CCProxy是个好东西
热门文章
- vue Syntax Error Error PostCSS plugin postcss-pxtorem requires PostCSS 8
- Map遍历四种方式及其效率
- 【瑞吉外卖】day07:新增套餐、套餐分页查询、 删除套餐
- MTI专题 知识-MTI商城的基本概念
- 计算机游戏如何设置,电脑怎么设置让别人玩不了游戏
- qtp测试 java web_转:使用Java构建稳定可靠的QTP自动化测试
- oppo enco air2怎么样 值得入手吗
- 使用QImage进行高质量绘制(High-Quality Rendering with QImage)
- javaweb实现qq邮箱
- 华为MateRS携手网易,成立中国青年企业家俱乐部“00派”