es6 如何动态取出对象的值

最新推荐文章于 2023-07-05 11:32:09 发布
最新推荐文章于 2023-07-05 11:32:09 发布
阅读量362 收藏 1
点赞数 1
文章标签： javascript Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45623378/article/details/128608536
版权

方法： 循环对象一般我们都是for in

问题 for in 循环出来的一般都是对象的键 例如 dog :{ age:10 } 循环出来只是age这对象的键

解决:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
          
    </body>
</html>
<script>
       var dog = {
             name:"旺财",
             age:30,
             sex:"男",
             color:"黑色"
       }
       
       for(let item in dog){
           console.log(item)
           console.log(dog[item])
       }
       // 单独取值
       
</script>
昌周
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6对象操作实例详解
01-19
本文实例讲述了ES6对象操作。分享给大家供大家参考，具体如下：  1.对象赋值 es5中的对象赋值方式如下： let name=小明; let skill= 'es6开发'; var obj= {name:name,skill:skill}; console.log(obj); 结果为： ES6允许把声明的变量直接赋值给对象，例如： let name=小明; let skill= 'es6开发'; var obj= {name,skill}; console.log(obj); 结果与上述相同。 2.对象Key值构建 有时候我们会在后台取出key值，而不是我们前台定义好的，这时
ES6中定义类和对象的方法示例
10-16
主要介绍了ES6中定义类和对象的方法,结合实例形式分析了ES6中类的定义、继承、静态方法、静态属性等相关操作技巧,需要的朋友可以参考下
eS6常用语法
张媛的博客
06-29 1147
eS6常用语法 吐槽： 或者 吐槽：“不会用ES6的解构赋值来取值吗？5行代码用1行代码搞定不香吗？直接用对象名加属性名去取值，要是对象名短还好，很长呢？搞得代码中到处都是这个对象名。”改进： 反驳不是不用ES6的解构赋值，而是服务端返回的数据对象中的属性名不是我想要的，这样取值，不是还得重新创建个遍历赋值。吐槽看来你对ES6的解构赋值掌握的还是不够彻底。如果想创建的变量名和对象的属性名不一致，可以这么写： 补充ES6的解构赋值虽然好用。但是要注意解构的对象不...
ES6-字符串-数值
weixin_44928417的博客
04-22 219
ES6新增的子串的识别方法 includes()：返回布尔值，判断是否找到参数字符串。 startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。 注意：1：这三个方法都可以接受两个参数。2：这三个方法只返回布尔值，如果需要知道子串的位置，还是得用 indexOf 和 lastIndexOf 3：这三个方法如...
C#中string.format用法详解
北京谢吉华的专栏
11-06 2122
C#中string.format用法详解 string.Format对C#字符串格式化 String.Format 方法的几种定义： String.Format (String, Object) 将指定的 String 中的格式项替换为指定的 Object 实例的值的文本等效项。 String.Format (String, Object[]) 将指定 String 中的格式项替换为指定数组中相应 Object 实例的值的文本等效项。 String.Format (IFormatProvider, S
获取数组对象中某一属性值的集合
weixin_44379204的博客
05-22 1万+
之前在工作中遇到了将数组对象中的某一个属性值提取出来的需求，当时是利用foreach循环然后放入数组中的，后来发现一些简单的方法如下。 一、from方法 var user = [ { id: 1, name: "李四" }, { id: 2, name: "张三" }, { id: 3, name: "李五" } ] var userName =
【无标题】ES6
black_tea114514的博客
01-31 1201
ES6
Object.assign()更新对象
易函123
10-24 617
Object.assign() Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。 Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]]，所以它会调用相关 getter 和 setter。因此，它分配属性，而不仅仅是复制或定义新的属性。如果合并源包含getter，这可能使其不适合将新属性合并到原型中。 为了将属性定义（包括其可枚举性）复制到原型，应使用Obje
JavaScript知识点
Mr.Tang的博客
07-30 6889
事件委托 ：利用冒泡的原理，把事件加到父级上，触发执行效果 event.target target.nodeName来判断是哪个标签 优点： 1、减少事件注册，节省内存。比如， 在table上代理所有td的click事件。 在ul上代理所有li的click事件。 2、简化了dom节点更新时，相应事件的更新。比如 不用在新添加的li上绑定click事件。 当删除某个li时，不用移解绑上面的click事件。 缺点： 1、事件委托基于冒泡，对于不冒泡的事件不支持。 2、层级过多，冒泡过程中，可能会被某层
ES6中遍历对象属性的方法
weixin_43611411的博客
11-06 800
ES6中遍历对象属性的几种方式和区别——学习笔记
es6字符串方法
最新发布
qq_40538396的博客
07-05 448
总结了一下es6的字符串方法，分享给大家
ES6数组与对象的解构赋值详解
10-16
主要介绍了ES6数组与对象的解构赋值,结合实例形式详细分析了ES6中数组与对象的解构赋值原理、用法及相关操作注意事项,需要的朋友可以参考下
ES6顶层对象、global对象实例分析
10-16
主要介绍了ES6顶层对象、global对象,结合实例形式分析了ES6顶层对象与global对象的概念、原理、用法及相关操作注意事项,需要的朋友可以参考下
ES6中异步对象Promise用法详解
10-16
主要介绍了ES6中异步对象Promise用法,对比ES5分析了ES6异步方法Promise的使用技巧,并结合实例形式分析了连续使用Promise对象、Promise捕获错误的catch()、以及Promise的高级用法,需要的朋友可以参考下
积累篇-（es6解构，截取字符串方法,v-for循环渲染）
小小·程序媛
08-19 2646
一.es6解构 基础概念：对数组或者对象进行模式匹配，然后对其中变量进行赋值，方便复杂对象中数据字段获取 参与对象：等号左边解构目标 解构源，在右边 1.基本使用 .1.let [a,[[b]],c] = [1,[[2]],3] a=1 ,b=2,c=3 确保左边接受数据的变量类型和右边一样即可 2.当需要拿大量源数据时候 let [a, ,b]=[1,2,3] 3.不完全结构（我还没用到过） let [a = 1,b]=[] a=1,b=undifiend 4.使用剩余运算符 let
ES6数组和字符串方法
黎小小的博客
07-13 3240
1.字符串的两种创建方式 字符串的两种创建方式：字符串字面量，字符串对象。 通过字符串字面量创建字符串：其typeof后类型是string //字符串字面量 var str1 = "kaikeba"; console.log("字符串str1:"+str1); console.log("字符串str1的类型"+(typeof str1)...
ES6正则与字符串处理
weixin_44698578的博客
07-14 149
ES6正则与字符处理 sticky粘连语法 const s=aaa_aa_a const r1=/a+/g const r2=/a+/y console.log(r1.exec(s)) //aaa console.log(r2.exec(s)) //aaa console.log(r1.exec(s)) //aa console.log(r2.exec(s)) //null //原因：只匹配除去第一次匹配的结果 字符处理 ​ 字符正则需习惯性加（/u） ​ 写法：判断码典是否为对应的某个字符 c
JAVA学习第一阶段模块二
miaoit的博客
10-02 441
模块二 Java面向对象 类和对象 类和对象及引用 对象主要指现实生活中客观存在的实体，在Java语言中对象体现为内存空间中的一块存储区域。 类的定义方法 class 类名{ 类体; } class Person{ //类名命名：通常情况下，当类名由多个单词组成时，要求每个单词首字母都要大写 } 成员变量的定义 class Person{ //成员变量命名：当成员变量由多个单词组成时，通常要求从第二个单词起每个单词的首字母大写 。 String name; }
05-ES6语法：解构赋值
热门推荐
光脚丫思考的专栏
05-06 3万+
本文介绍了ES6中解构赋值。ES6的解构赋值语法是一种JS表达式。解构赋值语法是一种JS表达式，通过解构赋值，可以将属性/值从对象/数组中取出，赋值给其他变量。使用了大量了代码片段介绍了具体的使用方式，并且配上了屏幕录音进行详细解说。-_-
ES6遍历对象的值不为空
06-08
你可以通过使用`Object.values()`方法和`Array.prototype.filter()`方法来遍历对象的值并过滤掉为空的值。具体实现如下： ```javascript const obj = { a: 1, b: null, c: undefined, d: '', e: false, f: 0, g: 'hello' }; const nonEmptyValues = Object.values(obj).filter(value => { return value !== null && value !== undefined && value !== '' && value !== false && value !== 0; }); console.log(nonEmptyValues); // [1, 'hello'] ``` 这段代码会输出对象`obj`中所有不为空的值，即`1`和`'hello'`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值