js获取对象,数组所有属性键值(key)和对应值(value)的方法示例


Posted in Javascript onJune 19, 2019

本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法。分享给大家供大家参考,具体如下:

<script>
  var values=function(object) {
    var values = [];
    for (var property in object)
      values.push(object[property]);
    return values;
  }

  //写成标准的方法(数组是object的一种):
  function getObjectKeys(object)
  {
    var keys = [];
    for (var property in object)
      keys.push(property);
    return keys;
  }

  function getObjectValues(object)
  {
    var values = [];
    for (var property in object)
      values.push(object[property]);
    return values;
  }
  //测试
  var slideArray = [
    { "imgsrc1": "a.jpg"},
    { "imgsrc2": "b.jpg"},
    { "imgsrc3": "c.jpg"},
    { "imgsrc4": "d.jpg"},
    { "imgsrc5": "e.jpg"}];
  console.log(getObjectKeys(slideArray ))
  console.log(getObjectValues(slideArray ))
</script>

运行结果:

js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
jquery mobile事件多次绑定示例代码
Sep 13 Javascript
js中对象的声明方式以及数组的一些用法示例
Dec 11 Javascript
详解JavaScript UTC时间转换方法
Jan 07 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
jQuery快速高效制作网页交互特效
Feb 24 Javascript
微信小程序request请求后台接口php的实例详解
Sep 20 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
jquery.pagination.js分页使用教程
Oct 23 jQuery
javascript实现数字时钟效果
Feb 06 Javascript
js简单遍历获取对象中的属性值的方法示例
Jun 19 #Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 #Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 #Javascript
JavaScript箭头函数中的this详解
Jun 19 #Javascript
基于Node.js的大文件分片上传示例
Jun 19 #Javascript
详解在Angular4中使用ng2-baidu-map的方法
Jun 19 #Javascript
了解Javascript中函数作为对象的魅力
Jun 19 #Javascript
You might like
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
PHP中MVC模式的模板引擎开发经验分享
2011/03/23 PHP
php插入中文到sqlserver 2008里出现乱码的解决办法分享
2012/07/19 PHP
浅谈javascript 面向对象编程
2009/10/28 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
javaScript如何生成xmlhttp
2013/12/16 Javascript
浅谈jQuery事件绑定原理
2015/01/02 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
JS插件overlib用法实例详解
2015/12/26 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
js修改onclick动作的四种方法(推荐)
2016/08/18 Javascript
jQuery表单验证简单示例
2016/10/17 Javascript
JavaScript仿微博输入框效果(案例分析)
2016/12/06 Javascript
js数字计算 误差问题的快速解决方法
2017/02/28 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
vue解决跨域路由冲突问题思路解析
2017/11/03 Javascript
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
vue-自定义组件传值的实例讲解
2018/09/18 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
2019/03/30 Javascript
React-redux实现小案例(todolist)的过程
2019/09/29 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
Python制作数据导入导出工具
2015/07/31 Python
python reduce 函数使用详解
2017/12/05 Python
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
Python弹出输入框并获取输入值的实例
2019/06/18 Python
pycharm远程连接vagrant虚拟机中mariadb数据库
2020/06/05 Python
html5指南-2.如何操作document metadata
2013/01/07 HTML / CSS
悦木之源美国官网:Origins美国
2016/08/01 全球购物
W Concept美国:精选全球独立设计师
2017/02/22 全球购物
IGK Hair官网:喷雾、洗发水、护发素等
2020/11/03 全球购物
Myprotein亚太地区:欧洲第一在线运动营养品牌
2020/12/20 全球购物
物理系毕业生自荐信
2013/11/01 职场文书
关于毕业的广播稿
2014/01/10 职场文书
2016春节慰问信范文
2015/03/25 职场文书
在Windows下安装配置CPU版的PyTorch的方法
2021/04/02 Python