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 相关文章推荐
JavaScript 实现??打印?理
Apr 28 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 Javascript
node.js中的fs.lstat方法使用说明
Dec 16 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
学习JavaScript设计模式(链式调用)
Nov 26 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
js指定步长实现单方向匀速运动
Jul 17 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
Webpack 4.x搭建react开发环境的方法步骤
Aug 15 Javascript
简单分析js中的this的原理
Aug 31 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 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.ini实现Mysql导入数据库文件最大限制的修改方法
2007/12/11 PHP
基于php导出到Excel或CSV的详解(附utf8、gbk 编码转换)
2013/06/25 PHP
Thinkphp关闭缓存的方法
2015/06/26 PHP
php通过获取头信息判断图片类型的方法
2015/06/26 PHP
HTML中嵌入PHP的简单方法
2016/02/16 PHP
thinkPHP实现将excel导入到数据库中的方法
2016/04/22 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
详解PHP防止盗链防止迅雷下载的方法
2017/04/26 PHP
PHP开发实现微信退款功能示例
2017/11/25 PHP
php校验公钥是否可用的实例方法
2019/09/17 PHP
JQuery与iframe交互实现代码
2009/12/24 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
javascript算法学习(直接插入排序)
2011/04/12 Javascript
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
2016/05/03 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
JS验证码实现代码
2017/09/14 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
Vue+Element自定义纵向表格表头教程
2020/10/26 Javascript
[01:01:41]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第二场 1月31日
2021/03/11 DOTA
python算法表示概念扫盲教程
2017/04/13 Python
Python 实现简单的shell sed替换功能(实例讲解)
2017/09/29 Python
python3下实现搜狗AI API的代码示例
2018/04/10 Python
Python3爬虫之自动查询天气并实现语音播报
2019/02/21 Python
python实现PID算法及测试的例子
2019/08/08 Python
在 Pycharm 安装使用black的方法详解
2020/04/02 Python
jupyter notebook插入本地图片的实现
2020/04/13 Python
英国著名药妆店:Superdrug
2021/02/13 全球购物
寄语是什么意思
2014/04/10 职场文书
工程造价专业求职信
2014/07/17 职场文书
六一儿童节标语
2014/10/08 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
2016年高校自主招生自荐信范文
2015/03/24 职场文书
中标通知书
2015/04/17 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书