循环遍历对象的属性

最新推荐文章于 2023-06-03 18:43:29 发布
最新推荐文章于 2023-06-03 18:43:29 发布
阅读量214 收藏 1
点赞数
原文链接：http://www.cnblogs.com/sanerandm/p/8350684.html
版权 
 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 <p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
 5 <button οnclick="myFunction()">点击这里</button>
 6 <p id="demo"></p>
 7 
 8 <script>
 9 function myFunction()
10 {
11 var x;
12 var txt="";
13 var person={"fname":"Bill","lname":"Gates","age":56}; 
14 
15 for (x in person)
16 {
17 txt = txt + x+':'+ person[x] +'  ';
18 }
19 
20 document.getElementById("demo").innerHTML=txt;
21 }
22 </script>
23 </body>
24 </html>

上面代码运行的结果是：fname:Bill lname:Gates age:56

有人不明白17行，txt = 后面为什么还要加txt ，如果去掉的话就只会正剩下最后一个属性。

其实 txt = txt + x+':'+ person[x] +' '; 的意思就是将值累加起来，我们不妨拆开循环的步骤来看。

第一次循环x=fname person[x]为Bill, txt ="" 则 txt = "" +"fname" +":" +"Bill", txt=“fname:Bill"

第二次循环x= lname person[x]为Gates, txt="fname:Bill" 则 txt = "fname:Bill"+"lname "+":" + "Gates", txt="fname:Bill Iname:Gates"

第三次循环x=age person[x]为56,txt ="fname:Bill Iname:Gates",则txt="fname:Bill Iname:Gates" + "age" + ":" +"56", txt="fname:Bill lname:Gates age:56", 循环结束。

其实  txt = txt + x+':'+ person[x] +' '; 可以直接写成 txt += x+':'+ person[x] +'  ';

 

转载于:https://www.cnblogs.com/sanerandm/p/8350684.html

dianyizhen4349
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 遍历对象的属性的代码
10-28
首先，让我们看一个基本的`for...in`循环遍历对象属性的例子： ```javascript function CustomObject(name, value) { this.name = name || 'CustomeObject'; this.value = value || 0; this.toString = function...
JS遍历对象属性的方法示例
10-20
在JavaScript中，遍历对象属性是一项基础且常用的操作，它涉及到对对象的深入理解和动态操作。本篇文章将详细讲解如何遍历JavaScript对象的属性，并通过示例代码展示具体的应用。 首先，JavaScript提供了多种遍历...
循环给对象创建属性名和属性值
山文的博客
04-08 1006
4.7号笔记： ​ ① 循环给对象创建属性名和属性值： data.forEach(item => { item.identity = identity; }) console.log(data);
对象的遍历方法
xiaokuangren_的博客
09-24 8696
第一种 for…in 循环遍历对象自身属性和继承的可枚举属性 代码如下 <script> let obj = { 0: "a", 1: "b", 3: "c" }; for (let key in obj) { console.log(key, ":", obj[key]); // 0 : a // 1 : b // 3 : c } </script> 第二种 Object.
5 种方法遍历对象的属性
Wangdanting123的博客
12-15 757
const s = Symbol('s'); // 测试对象 const test = { num: 0, str: '', boolean: true, unf: undefined, nul: null, obj: { name: '我是一个对象', id: 1, innerObj: { ...
JS数组、对象循环遍历方法
Better_Xing的博客
08-19 6303
JS数组、对象循环遍历方法
对象循环遍历
weixin_459417989的博客
02-18 1375
for(const key in text){ if(object.prototype.hasOwnProperty.call(text,key)&&typeof text[key]!=='undefined'){ const needobj = text[key] } }
JS中如何轻松遍历对象属性的方式总结
11-30
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举，那么将返回由键组成的数组。 这是...
vue 解决遍历对象显示的顺序不对问题
10-16
然而，JavaScript的对象属性并没有天然的顺序，这可能导致在遍历时显示的顺序与预期不符。本篇文章将详细介绍如何解决Vue中遍历对象显示顺序不正确的问题。 首先，我们需要理解问题的背景。假设我们有一个日期字符...
JavaScript：js数组/对象遍历方法
最新发布
snowball的博客
06-03 5729
undefinedfor使用最基本的for循环可以遍历数组。for...of语句用来遍历可迭代对象（包括数组、Set、Map、字符串等），它可以替代传统的for循环和forEach方法。for...of循环每次迭代都将返回一个值，而不是索引。循环还可以遍历字符串，并且能够正确处理 Unicode 字符。需要注意的是:for...of 循环不能遍历普通对象，因为它们不是可迭代对象。对于普通对象，可以使用for...in循环来遍历对象的属性。
javascript 利用for in循环获得对象的属性值
dongdouble的博客
08-10 1755
for循环的一个变体是for ... in循环，它可以把一个对象的所有属性依次循环出来： 可见用传统的o.key，即对象.key的形式是不能得到对象值的。 这里用o[key]，即数组的形式得到了对象值。 大概就是因为for循环是把对象看成了数组，所以要用数组的形式来进行处理。 注意：返回的属性都是字符串类型的，但是属性值就是保持原始的类型了。这是因为实际上JavaScr
关于对象循环遍历
qq_47764627的博客
08-22 413
1. for（var key in object ）{ } 2.创建不跳转链接 td.innerHTML="<ahref='javascript:;'>删除</a>" key得到的是属性名 obj[key] 这个才是属性值 3.下面我来写个单元格案例 （因为还不会数据库传值 所以先写到了js里面） <!DOCTYPEhtml> <htmllang="en"> <head> <metacha...
v-for 循环对象中的属性
最爱喝怡宝的博客
11-12 481
<body> <div id="app"> <!-- 循环对象内的值 --> <ul> <li v-for="item in per"> {{item}} </li> </ul> </div> <script src="./js/vue.js">.
JS学习20：for..in 循环遍历对象
玉安_ZhangDe的博客
05-04 6642
在此之前我们对于for循环已经非常熟悉了，在此我就不多做赘述了。do-while循环也就比while循环多循环一轮。那 for .. in循环呢？ for...in 语句用于对数组或者对象的属性进行循环操作。 其语法如下： for (变量 in 对象名字) { // 在此执行代码 } 理解：for....in遍历，其实是在变量object对象中的所有属性key，然后我们可以根据key获取value属性值 var obj = { .
for/in 循环遍历对象的属性
evilcry2012的专栏
02-26 1555
for/in 循环遍历对象的属性 博客分类：  js-Object   for/in 语句循环遍历对象的属性。  js中获取key得到某对象中相对应的value的方法：obj.key  js中根据动态key得到某对象中相对应的value的方法有二：  一、var key = "name1";var value = obj[key];  二、var key = "na
JS遍历对象属性的7种方式
蜗牛在奔跑的博客
08-29 2万+
在有些开发场景下，可能需要获取一个对象的所有属性字段名，或者同时获取属性字段名和属性值，比如下面的一个普通的对象：}，属性值为，实际过程中的对象可能更加复杂，字段也会更多。对于遍历一个对象的属性，最容易想到的就是使用。...
JavaScript遍历对象属性
达拉斯母牛
10-31 770
JavaScript中可以通过for in循环获取对象的属性。 //构造一个Person对象 function Person(n, s, a){ this.name = n; this.sex = s; this.age = a; } Person.prototype.getName = function(){ return this.name; } Person.prototype
JS在按钮被点击时获取自身对象的方法
热门推荐
何博裕的博客
05-14 2万+
在按钮点击时有时需要获取按钮内的某个属性或者参数，通过内置的this对象就可以获取自身的属性或者参数如：$('.site-youce-active').on('click', function () { buttonurl = this.name; buttontitle = this.textContent; var othis = $(this)...
循环遍历对象以及循环遍历对象中的数组
06-02
好的，您想了解如何循环遍历对象以及对象中的数组，我可以为您提供一些基本的代码示例。 首先，让我们看一下如何循环遍历一个对象： ```javascript const myObject = { name: "Alice", age: 30, occupation: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值