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 实现表单验证功能代码(简洁)
Jul 03 Javascript
如何获取select下拉框的值(option没有及有value属性)
Nov 08 Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
Sep 13 Javascript
javascript每日必学之运算符
Feb 16 Javascript
Bootstrap下拉菜单效果实例代码分享
Jun 30 Javascript
文件上传的几个示例分享【推荐】
Dec 16 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
Dec 11 Javascript
Angular利用trackBy提升性能的方法
Jan 26 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
Aug 17 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
Oct 09 Javascript
vue实现水波涟漪效果的点击反馈指令
May 31 Vue.js
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文件上传主要代码讲解
2013/09/30 PHP
PHP+JavaScript实现无刷新上传图片
2017/02/21 PHP
php实现微信企业转账功能
2018/10/02 PHP
javascript实现动态CSS换肤技术的脚本
2007/06/29 Javascript
jQuery 打造动态渐变按钮 详细图文教程
2010/04/25 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
如何使用Javascript获取距今n天前的日期
2013/07/08 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
Javascript 动态改变imput type属性
2016/11/01 Javascript
js制作可以延时消失的菜单
2017/01/13 Javascript
JS常用正则表达式总结【经典】
2017/05/12 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
2020/05/03 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
Linux下python制作名片示例
2018/07/20 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
从0到1使用python开发一个半自动答题小程序的实现
2020/05/12 Python
python读取excel进行遍历/xlrd模块操作
2020/07/12 Python
5款实用的python 工具推荐
2020/10/13 Python
Ubuntu20下的Django安装的方法步骤
2021/01/24 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
HTML5 FormData 方法介绍以及实现文件上传示例
2017/09/12 HTML / CSS
Peter Alexander新西兰站:澳大利亚领先的睡衣设计师品牌
2016/12/10 全球购物
巴西图书和电子产品购物网站:Saraiva
2017/06/07 全球购物
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
CheapTickets香港机票预订网站:CheapTickets.hk
2019/06/26 全球购物
大四学生毕业自荐信
2013/11/07 职场文书
企业后勤岗位职责
2014/02/28 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
六查六看六改心得体会
2014/10/14 职场文书
黄山导游词
2015/01/31 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL