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 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 Javascript
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
Javascript的时间戳和php的时间戳转换注意事项
Apr 12 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
Nov 07 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
Dec 18 Javascript
javascript中的原型链深入理解
Feb 24 Javascript
javascript使用avalon绑定实现checkbox全选
May 06 Javascript
JS查找字符串中出现次数最多的字符
Sep 05 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
element ui 表格动态列显示空白bug 修复方法
Sep 04 Javascript
基于JavaScript判断两个对象内容是否相等
Jan 10 Javascript
关于JavaScript轮播图的实现
Nov 20 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
《星际争霸》各版本雷兽特点图文解析 雷兽不同形态一览
2020/03/02 星际争霸
php实现的mysqldb读写分离操作类示例
2017/02/07 PHP
php 函数使用可变数量的参数方法
2017/05/02 PHP
javascript学习笔记(八) js内置对象
2012/06/19 Javascript
js设置cookie过期及清除浏览器对应名称的cookie
2013/10/24 Javascript
javascript校验价格合法性实例(必须输入2位小数)
2014/05/05 Javascript
使用纯javascript实现放大镜效果
2015/03/18 Javascript
JavaScript登录验证基础教程
2017/11/01 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
Vue中的无限加载vue-infinite-loading的方法
2018/04/08 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
2018/08/12 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
2018/09/03 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
2019/04/22 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
iview form清除校验状态的实现
2019/09/19 Javascript
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
python基础之包的导入和__init__.py的介绍
2018/01/08 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
利用python-docx模块写批量生日邀请函
2019/08/26 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
PyTorch使用cpu加载模型运算方式
2020/01/13 Python
Python 随机生成测试数据的模块:faker基本使用方法详解
2020/04/09 Python
python如何导入依赖包
2020/07/13 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
真正的英国宝藏:Mappin & Webb
2019/05/05 全球购物
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
Java面试题汇总
2015/12/06 面试题
男方父母婚礼答谢词
2014/01/25 职场文书
聚美优品广告词改编
2014/03/14 职场文书
财务内勤岗位职责
2014/04/17 职场文书
机械专业求职信
2014/05/25 职场文书
运动会观后感
2015/06/09 职场文书
聊一聊python常用的编程模块
2021/05/14 Python