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 相关文章推荐
jquery控制listbox中项的移动并排序的实现代码
Sep 28 Javascript
javascript检测浏览器flash版本的实现代码
Dec 06 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
jQuery实现多按钮单击变色
Nov 27 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
JS数组array元素的添加和删除方法代码实例
Jun 01 Javascript
浅谈JavaScript字符串与数组
Jun 03 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
Feb 01 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
Apr 17 Javascript
bootstrap table复杂操作代码
Nov 01 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
Jul 08 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/08/27 PHP
joomla jce editor 解决上传中文名文件失败问题
2013/06/09 PHP
PHP常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
2014/09/12 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
php获取textarea的值并处理回车换行的方法
2014/10/20 PHP
php实现购物车功能(上)
2020/07/23 PHP
PHP.vs.JAVA
2016/04/29 PHP
php获取当前url地址的方法小结
2017/01/10 PHP
php中上传文件的的解决方案
2018/09/25 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
2016/07/09 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
2017/06/19 Javascript
Vue响应式原理深入解析及注意事项
2017/12/11 Javascript
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
2018/09/25 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
vue-lazyload使用总结(推荐)
2018/11/01 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
2019/03/07 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
2019/04/30 Javascript
vue点击自增和求和的实例代码
2019/11/06 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
[08:40]Navi Vs Newbee
2018/06/07 DOTA
Python学习思维导图(必看篇)
2017/06/26 Python
pandas 空的dataframe 插入列名的示例
2018/10/30 Python
Python cv2 图像自适应灰度直方图均衡化处理方法
2018/12/07 Python
对python For 循环的三种遍历方式解析
2019/02/01 Python
Python3 JSON编码解码方法详解
2019/09/06 Python
python利用百度云接口实现车牌识别的示例
2020/02/21 Python
班班通项目实施方案
2014/02/25 职场文书
学校搬迁方案
2014/06/15 职场文书
老乡聚会通知
2015/04/23 职场文书
2015年幼儿园个人工作总结
2015/04/25 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
团结主题班会
2015/08/13 职场文书
排查并解决MySQL生产库内存使用率高的报警
2022/04/11 MySQL