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 相关文章推荐
找出字符串中出现次数最多的字母和出现次数精简版
Nov 07 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
Dec 04 Javascript
js完整倒计时代码分享
Sep 18 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
Dec 19 Javascript
Javascript中八种遍历方法的执行速度深度对比
Apr 25 Javascript
jQuery extend()详解及简单实例
May 06 jQuery
详解Vue + Vuex 如何使用 vm.$nextTick
Nov 20 Javascript
js提取中文拼音首字母的封装工具类
Mar 12 Javascript
安装vue-cli的简易过程
May 22 Javascript
详解JS浏览器事件循环机制
Mar 27 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
Aug 03 Javascript
JS实现京东商品分类侧边栏
Dec 11 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
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
espresso double下 咖啡粉超细时 饼压力对咖啡的影响
2021/03/03 冲泡冲煮
PHP获取windows登录用户名的方法
2014/06/24 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
Yii分页用法实例详解
2014/12/04 PHP
PHP浮点数精度问题汇总
2015/05/13 PHP
php中smarty区域循环的方法
2015/06/11 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
Yii 框架控制器创建使用及控制器响应操作示例
2019/10/14 PHP
心扬JS分页函数代码
2010/09/10 Javascript
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
Kindeditor在线文本编辑器如何过滤HTML
2016/04/14 Javascript
js事件源window.event.srcElement兼容性写法(详解)
2016/11/25 Javascript
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
基于vue.js实现分页查询功能
2018/12/29 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
2020/05/09 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
python 实现红包随机生成算法的简单实例
2017/01/04 Python
如何利用python查找电脑文件
2018/04/27 Python
Python中的取模运算方法
2018/11/10 Python
使用darknet框架的imagenet数据分类预训练操作
2020/07/07 Python
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
2019/12/23 HTML / CSS
施工人员岗位职责
2013/12/12 职场文书
保证书范文大全
2014/04/28 职场文书
同志主要表现材料
2014/08/21 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
女生抽烟检讨书
2014/10/05 职场文书
邀请函样本
2015/02/02 职场文书
社会主义核心价值观主题教育活动总结
2015/05/07 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书
win10安装配置nginx的过程
2021/03/31 Servers