js 对象转数组切割转回对象

最近有一个需求:分享图片到(QQ,微信,朋友圈)

前端计算生成数据对象传给后端,后端生成图片返回图片路径给前端,前端显示图片就行

但是前端生成的数据太多,传到后端,也没那么多位置显示数据,这时候要切掉对象后面的一些数据,保留前面5-6条数据就行

转数组

//这里是对象的数据
let obj = {a:1,b:2,c:3,d:4,e:5}
//切割数据的数组
let arr = []
//首先遍历一次,把对象数据给到数组
for(let key in obj){arr.push({label:key,value:obj[key]})
}

现在转回对象

//判断有没有那么多数据,有就切掉,没有就直接传给后端
if(arr.length > 3){// 数组切割arr.length = 3//清空原本的数据对象obj = {}// 转对象arr.forEach(item =>{obj[item.label] = item.value})
}

全部代码

这样就可以了

js 对象转数组切割转回对象相关推荐

  1. js 去重某个键值 数组对象_js数组去重(包括对象数组去重)

    2019.08.02补: 对象数组建议直接循环然后使用工具库(lodash)的深比较,评论里也有指出,文章的方法有些取巧了 生产环境不要这么玩~. 方法一:利用ES6的Array.from()/扩展运 ...

  2. php对象和数组的效率,PHP对象数组和一般数组区别

    PHP中的foreach作为经常用到的函数,常常用来遍历数组,对于数组中的元素是值的情形(如一般常见型的数组),foreach只是将数组中的每份元素的值拷贝到each后面的变量,也就是对值本身的拷贝, ...

  3. java对象类型数组赋值_java声明对象数组

    java如何对象创建数组并初始化 急夜影驱动编程小编今天和大家分享答案 /** * 功能:声明一个学生类 * @author qqliweng * 时间:2009-10-22 * 版本:V1.0 */ ...

  4. js 循环合并数组里面的全部对象

    1.第一种方法 ccc() { let data = [ { Uvwmap: 286 }, { symmetry: 15 }, { Shell: 286 }, { Shell1: 286 }, { S ...

  5. 对象转数组_fastJson中java对象 jsonObject jsonArray之间转换

    一.介绍 简介:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式 二.使用 1.java对象转jsonObject User u = new User(); ...

  6. php7 对象转数组,php7中为对象/关联数组进行解构赋值

    在CoffeeScript,Clojure,ES6和许多其他语言中,我们对对象/贴图/等进行了解构,如下所示: obj = {keyA: 'Hello from A', keyB: 'Hello fr ...

  7. 将json对象转换为数组,获取json对象的属性值

    需求:做工作流项目时,需将节点数据取出,但是数据不是数组格式,不好取数据,转换为数组, 关键代码: Object.keys(nodeArr[j]) 获取数组名 obj[keyname].type 获取 ...

  8. php的对象和数组应该学js,JavaScript数组与对象的常用方法及 json 的序列化

    一.JavaScript数据类型: 1- 原始类型:number(数值),string(字符串),boolean(布尔值)var age = 18; var username = "admi ...

  9. JavaScript学习(七)——对象与数组、内部对象(1)

    目录 javascript对象与数组 javascript内部对象 object对象 1.创建object对象 2.object对象的属性 3.object对象的方法 String对象 1.创建Str ...

最新文章

  1. matlab 12脉波变压器,12脉波中频炉专用变压器外形尺寸
  2. matlab oqpsk,如何用MATLab画OQPSK星座?
  3. 计算机系统结构专业是软件还是硬件,计算机体系结构中软硬件和架构设计有哪些机会?...
  4. 安装flex碰到的一个问题及其解决方法(原创)
  5. 30岁+3笔钱+631黄金比例=成功
  6. “Vince on iPhone”开张了
  7. 打印十字图-蓝桥杯历届试题
  8. Makefile:跟我一起学makefile
  9. 力扣——在排序数组中查找元素的第一个和最后一个位置
  10. 使用 OpCache 提升 PHP 5.5+ 程序性能
  11. Android图片完整性检验,Android安全测试之应用完整性校验检测
  12. Hibernate缓存之初探
  13. AdminLTE与php,如何使用Vue整合AdminLTE模板
  14. Win10--YOLOX训练和测试VOC格式数据
  15. linux poodle漏洞,SSL POODLE[贵宾犬]漏洞的解决办法
  16. 《第一行代码 第二版》Android studio java开发学习笔记+源码
  17. 面试题 - 头条、京东
  18. XSuperNEST套料引擎
  19. 比心app源码,携带对象参数跳转页面
  20. 3加3减!让商家好好做生意,阿里绝对是认真的!

热门文章

  1. MTX-FA|甲氨蝶呤-叶酸|FA-PEG-MTX|叶酸-PEG-甲氨蝶呤
  2. 连接远程服务器并上传文件
  3. MYSQL中导入Excel文件
  4. 构建网络广告投放平台(二)
  5. QtCharts 饼图的基本用法
  6. 光波 声波 区别
  7. 图文详述:IntelliJ IDEA的下载、安装、配置、使用
  8. 数据库实验-创建创建学生表
  9. 【深度文章】2015年度大数据应用经典案例Top 100
  10. 【硬件】关于USB的一些小知识