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 相关文章推荐
JS 强制设为首页的代码
Jan 31 Javascript
&amp;lt;script defer&amp;gt; defer 是什么意思
May 10 Javascript
javascript打印html内容功能的方法示例
Nov 28 Javascript
jQuery+PHP实现动态数字展示特效
Mar 14 Javascript
Backbone.js的Hello World程序实例
Jun 19 Javascript
js实现延时加载Flash的方法
Nov 26 Javascript
Bootstrap模仿起筷首页效果
May 09 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
Javascript vue.js表格分页,ajax异步加载数据
Oct 24 Javascript
JavaScript函数IIFE使用详解
Oct 21 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
Jul 31 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 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
发布一个用PHP fsockopen写的HTTP下载的类
2007/02/22 PHP
使用PHPExcel操作Excel用法实例分析
2015/03/26 PHP
PHP中substr_count()函数获取子字符串出现次数的方法
2016/01/07 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
jQuery中复合属性选择器用法实例
2014/12/31 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
使用Angular CLI进行Build(构建)和Serve详解
2018/03/24 Javascript
vue 实现通过手机发送短信验证码注册功能
2018/04/19 Javascript
解决vue动态为数据添加新属性遇到的问题
2018/09/18 Javascript
JS字符串与二进制的相互转化实例代码详解
2019/06/28 Javascript
Vue全局loading及错误提示的思路与实现
2019/08/09 Javascript
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
Python3读取文件常用方法实例分析
2015/05/22 Python
一个基于flask的web应用诞生(1)
2017/04/11 Python
python pandas 对series和dataframe的重置索引reindex方法
2018/06/07 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
在脚本中单独使用django的ORM模型详解
2020/04/01 Python
在Django中自定义filter并在template中的使用详解
2020/05/19 Python
前后端结合实现amazeUI分页效果
2020/08/21 HTML / CSS
大学生护理专业自荐信
2013/10/03 职场文书
刚毕业大学生自荐信范文
2014/02/20 职场文书
产品质量承诺书
2014/03/27 职场文书
成绩单家长评语大全
2014/04/16 职场文书
公司人事专员岗位职责
2014/08/11 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
社区娱乐活动方案
2014/08/21 职场文书
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
2014年档案室工作总结
2014/12/01 职场文书
神秘岛读书笔记
2015/07/01 职场文书
创业计划书之家政服务
2019/09/18 职场文书
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers