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 相关文章推荐
为你的网站增加亮点的9款jQuery插件推荐
May 03 Javascript
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
JS实现图片预加载无需等待
Dec 21 Javascript
今天是星期几的4种JS代码写法
Sep 17 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
jQuery实现拖动剪裁图片作为头像
Dec 28 Javascript
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
全新打包工具parcel零配置vue开发脚手架
Jan 11 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
nuxt引入组件和公共样式的操作
Nov 05 Javascript
Vue组件生命周期运行原理解析
Nov 25 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
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
超级强大的表单验证
2006/06/26 Javascript
兼容IE和FF的图片上传前预览js代码
2013/05/28 Javascript
超链接的禁用属性Disabled使用示例
2014/07/31 Javascript
jQuery前端分页示例分享
2015/02/10 Javascript
JS获得图片alt信息的方法
2015/04/01 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
使用JavaScript实现点击循环切换图片效果
2017/09/03 Javascript
JavaScript数据结构之单链表和循环链表
2017/11/28 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
Vuex 使用及简单实例(计数器)
2018/08/29 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
2018/11/14 Javascript
Electron 如何调用本地模块的方法
2019/02/01 Javascript
移动端(微信等使用vConsole调试console的方法
2019/03/05 Javascript
iphone刘海屏页面适配方法
2019/05/07 Javascript
python实现调用其他python脚本的方法
2014/10/05 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
python time.sleep()是睡眠线程还是进程
2019/07/09 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
Html5无刷新修改browser Url的方法
2014/01/15 HTML / CSS
德国网上花店:Valentins
2018/08/15 全球购物
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
英国最好的包装供应商:Priory Direct
2019/12/17 全球购物
用Python匹配HTML tag的时候,<.*>和<.*?>有什么区别
2012/11/04 面试题
物流合作计划书
2014/01/10 职场文书
优秀学生干部推荐材料
2014/02/03 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
小学生2015教师节演讲稿
2015/03/19 职场文书
学习型家庭事迹材料(2016精选版)
2016/02/29 职场文书
预备党员的思想汇报,你真的会写吗?
2019/06/28 职场文书
Java虚拟机内存结构及编码实战分享
2022/04/07 Java/Android
Mysql 数据库中的 redo log 和 binlog 写入策略
2022/04/26 MySQL