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. Spark源码阅读03-Spark存储原理之共享变量
  2. 将null转换成数组_Javscript数组快速填充数据的8种方法
  3. C#实现文件下载代码
  4. 我的python学习笔记全集_我的python学习笔记
  5. 18-ESP8266 SDK开发基础入门篇--TCP 服务器 RTOS版,串口透传,TCP客户端控制LED
  6. xmlreader php 读取某节点,php – 使用XMLReader选择父节点
  7. 243.STAMP图形界面微生物组分析软件
  8. DNS介绍,哪个好,速度快稳定
  9. 整个AppData目录挪到D盘方法
  10. ios获取本地音乐库音乐很详细
  11. Sphinx入门——快速生成Python文档
  12. 基于STM32F407格式化SD卡
  13. 清华大学计算机崔勇,崔勇 简历 - 名人简历
  14. DOS中使用扩展内存与XMS操作库设计
  15. 综合布线容易忽略的问题
  16. 服务器主机型号,服务器的主机型号
  17. python读取、保存图片的方法
  18. hdoj4550 威威猫系列故事——打地鼠(java版)
  19. java-php-python-ssm计算机专业招聘网站计算机毕业设计
  20. oracle 大表新增列 慢_Oracle DDL性能改进-大表新增列行为分析

热门文章

  1. 文本域输入的内容正确的回显
  2. 程序员你有资格骄傲么?
  3. STL-源码剖析 简单总结
  4. idea换行字符数_IntelliJ IDEA,代码行宽度超出限制时自动换行
  5. 基于Linux C的CANopen移植
  6. 找到五脏的藏毒点,让毒素无处藏身
  7. java并发编程实战程序5-19
  8. 20.Django模型映射关系
  9. 知道c语言第三章节答案,《R语言入门与实践》第三章:R 对象
  10. 【操作系统】第一话·操作系统的基本概念