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 05 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
Oct 21 Javascript
JavaScript设置首页和收藏页面的小例子
Nov 11 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
jQuery简单设置文本框回车事件的方法
Aug 01 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
node thread.sleep实现示例
Jun 20 Javascript
用npm-run实现自动化任务的方法示例
Jan 14 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
Mar 05 Javascript
vue a标签点击实现赋值方式
Sep 07 Javascript
vue实现登陆页面开发实践
May 30 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
MySQL中create table语句的基本语法是
2007/01/15 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
JQuery 插件模板 制作jquery插件的朋友可以参考下
2010/03/17 Javascript
Javascript的并行运算实现代码
2010/11/19 Javascript
提交表单时执行func方法实现代码
2013/03/17 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
window.location.href的用法(动态输出跳转)
2014/08/09 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
2016/12/05 Javascript
使用BootStrap实现悬浮窗口的效果
2016/12/13 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
JS性能优化实现方法及优点进行
2020/08/30 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
python 处理dataframe中的时间字段方法
2018/04/10 Python
dataframe设置两个条件取值的实例
2018/04/12 Python
基于python指定包的安装路径方法
2018/10/27 Python
python代码 输入数字使其反向输出的方法
2018/12/22 Python
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
pytorch之添加BN的实现
2020/01/06 Python
瑞士设计师家具和家居饰品网上商店:Bruno Wickart
2019/03/18 全球购物
日本最大的彩色隐形眼镜销售网站:CharmColor
2020/09/09 全球购物
char型变量中能不能存贮一个中文汉字
2015/07/08 面试题
汽车维修专业毕业生的求职信分享
2013/12/04 职场文书
中学生爱国演讲稿
2013/12/31 职场文书
幼儿园小班家长寄语
2014/04/02 职场文书
班风学风建设方案
2014/05/06 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python