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 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
JavaScript编程开发中的五个实用小技巧
Jul 22 Javascript
js批量设置样式的三种方法不推荐使用with
Feb 25 Javascript
Jquery实现Div上下移动示例
Apr 23 Javascript
jQuery中eq()方法用法实例
Jan 05 Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
vue双向数据绑定知识点总结
Apr 18 Javascript
JavaScript JMap类定义与使用方法示例
Jan 22 Javascript
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
使用webpack5从0到1搭建一个react项目的实现步骤
Dec 16 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提取中文首字母
2008/04/09 PHP
PhpMyAdmin中无法导入sql文件的解决办法
2010/01/08 PHP
php检测用户是否用手机(Mobile)访问网站的类
2014/01/09 PHP
PHP多维数组元素操作类的方法
2016/11/14 PHP
解决js正则匹配换行问题实现代码
2012/12/10 Javascript
jQuery的DOM操作之删除节点示例
2014/01/03 Javascript
js日期、星座的级联显示代码
2014/01/23 Javascript
moment.js轻松实现获取当前日期是当年的第几周
2015/02/05 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
angular.js分页代码的实例
2016/07/27 Javascript
JS使用onerror捕获异常示例
2016/08/03 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
文件上传插件SWFUpload的使用指南
2016/11/29 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
基于js中的原型(全面讲解)
2017/09/19 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
2017/10/26 jQuery
Element-UI踩坑之Pagination组件的使用
2018/10/29 Javascript
使用FormData实现上传多个文件
2018/12/04 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
2019/10/23 Javascript
微信小程序实现吸顶特效
2020/01/08 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
jQuery实现查看图片功能
2020/12/01 jQuery
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
python使用threading获取线程函数返回值的实现方法
2017/11/15 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
Python自动化运维之Ansible定义主机与组规则操作详解
2019/06/13 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
详解python polyscope库的安装和例程
2020/11/13 Python
python中函数返回多个结果的实例方法
2020/12/16 Python
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
村委会主任先进事迹
2014/01/15 职场文书
升职演讲稿范文
2014/05/23 职场文书
我的梦想演讲稿1000字
2014/08/21 职场文书
民族精神月活动总结
2014/08/28 职场文书
2014年纠风工作总结
2014/12/08 职场文书