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 相关文章推荐
关于IE7 IE8弹出窗口顶上
Dec 22 Javascript
深入理解JavaScript编程中的原型概念
Jun 25 Javascript
jQuery操作Table技巧大汇总
Jan 23 Javascript
JavaScript数据结构与算法之栈与队列
Jan 29 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
May 27 Javascript
功能强大的jquery.validate表单验证插件
Nov 07 Javascript
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
vue--点击当前增加class,其他删除class的方法
Sep 15 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
JS+php后台实现文件上传功能详解
Mar 02 Javascript
通过javascript实现段落的收缩与展开
Jun 26 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 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 Hex RGB颜色值互换的使用
2013/05/10 PHP
PHP中func_get_args(),func_get_arg(),func_num_args()的区别
2013/09/30 PHP
jquery判断checkbox(复选框)是否被选中的代码
2010/10/20 Javascript
在javascript中对于DOM的加强
2013/04/11 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
2014/11/23 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
js匿名函数作为函数参数详解
2016/06/01 Javascript
AngularJS基础 ng-switch 指令简单示例
2016/08/03 Javascript
使用Vue写一个datepicker的示例
2018/01/27 Javascript
详解服务端预渲染之Nuxt(介绍篇)
2019/04/07 Javascript
JS相册图片抖动放大展示效果的示例代码
2021/01/29 Javascript
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
在Python中处理日期和时间的基本知识点整理汇总
2015/05/22 Python
基于Python 的进程管理工具supervisor使用指南
2016/09/18 Python
Django入门使用示例
2017/12/12 Python
python实现多进程代码示例
2018/10/31 Python
python绘制简单彩虹图
2018/11/19 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
详解Python字典的操作
2019/03/04 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
关于Pytorch MaxUnpool2d中size操作方式
2020/01/03 Python
PyTorch中 tensor.detach() 和 tensor.data 的区别详解
2020/01/06 Python
python基于event实现线程间通信控制
2020/01/13 Python
使用jupyter notebook将文件保存为Markdown,HTML等文件格式
2020/04/14 Python
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
医学护理系毕业生求职信
2013/10/01 职场文书
信息技术专业大学生个人的自我评价
2013/10/05 职场文书
捐资助学倡议书
2014/04/15 职场文书
诉讼代理人授权委托书
2014/10/11 职场文书
2014年作风建设心得体会
2014/10/22 职场文书
保护校园环境倡议书
2015/04/28 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript
小程序实现文字循环滚动动画
2021/06/14 Javascript
解析目标检测之IoU
2021/06/26 Python
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python