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 select操作控制方法小结
May 26 Javascript
JS实现局部选择打印和局部不选择打印
Apr 03 Javascript
jQuery 3.0中存在问题及解决办法
Jul 15 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
jquery dataTable 获取某行数据
May 05 jQuery
利用node.js如何搭建一个简易的即时响应服务器
May 28 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
js HTML5 canvas绘制图片的方法
Sep 08 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
Sep 26 Javascript
Angular实现的简单定时器功能示例
Dec 28 Javascript
Vue中android4.4不兼容问题的解决方法
Sep 04 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代码简化
2010/02/08 PHP
discuz authcode 经典php加密解密函数解析
2020/07/12 PHP
对PHP新手的一些建议(PHP学习经验总结)
2014/08/20 PHP
PHP程序员不应该忽略的3点
2015/10/09 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
jQuery学习笔记 操作jQuery对象 属性处理
2012/09/19 Javascript
jQuery 关于伪类选择符的使用说明
2013/04/24 Javascript
js 处理数组重复元素示例代码
2013/12/27 Javascript
js打开新窗口方法整理
2014/02/17 Javascript
JavaScript中字面量与函数的基本使用知识
2015/10/20 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
jQuery实现可移动选项的左右下拉列表示例
2016/12/26 Javascript
JS使用插件cryptojs进行加密解密数据实例
2017/05/11 Javascript
一步步教会你微信小程序的登录鉴权
2018/04/09 Javascript
bootstrap模态框关闭后清除模态框的数据方法
2018/08/10 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
python使用BeautifulSoup分页网页中超链接的方法
2015/04/04 Python
在Python中使用dict和set方法的教程
2015/04/27 Python
Python读取MRI并显示为灰度图像实例代码
2018/01/03 Python
python提取包含关键字的整行数据方法
2018/12/11 Python
解决Python pandas plot输出图形中显示中文乱码问题
2018/12/12 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
利用css3-animation实现逐帧动画效果
2016/03/10 HTML / CSS
ALEX AND ANI:手镯,项链,耳环和更多
2017/04/20 全球购物
全球度假村:Club Med
2017/11/27 全球购物
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
《风娃娃》教学反思
2014/04/19 职场文书
节能环保家庭事迹材料
2014/08/27 职场文书
财务管理专业自荐书
2014/09/02 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
专业见习报告范文
2014/11/03 职场文书
市级三好学生评语
2014/12/29 职场文书
Jsonp劫持学习
2021/04/01 PHP