例如你需要这样格式的数据:

  

[{"name":"合肥市","arrey":[{"lat":"31.862323","long":"117.289267","name":"G+竞技网咖","address":"宿州路60号太阳城B1层"},{"lat":"31.876318","long":"117.349632","name":"H&M(瑶海万达广场店)","address":"临泉东路与和县路交叉口瑶海万达广场1层"},{"lat":"31.790946","long":"117.207581","name":"N(港澳广场)","address":"翡翠路与芙蓉路交口往北50米处港澳广场F1层"},{"lat":"31.883742","long":"117.280290","name":"U家鱼店","address":"蒙城路与义井路交叉口"},{"lat":"31.863728","long":"117.289816","name":"L‘OREAL(百大鼓楼名品中心店)","address":"宿州路96号百大鼓楼名品中心金座1层"},{"lat":"31.865195","long":"117.292521","name":"T.G","address":"宿州路老太阳城三楼55号"},{"lat":"31.864289","long":"117.294944","name":"e(合肥百盛)","address":"淮河中路77号合肥百盛F1层"},{"lat":"31.864579","long":"117.293090","name":"W.(海亚大世界)","address":"北含山路与淮河路步行街交叉口东北100米海亚大世界F3层N13"},{"lat":"31.610835","long":"117.883709","name":"s·deer","address":"东塘路巢湖万达广场1层"},{"lat":"31.704786","long":"117.301498","name":"宝文MALL","address":"南宁路与庐州大道交叉口西南150米"},{"lat":"31.804920","long":"117.223823","name":"置地广场D座","address":"天鹅湖南岸(绿轴西侧)"}]},{"name":"无为县","arrey":[{"lat":"31.290454","long":"117.931186","name":"东方家园B区","address":"军二路与渡江路交汇处"},{"lat":"31.450142","long":"117.895212","name":"横山","address":"无为县"}]},{"name":"安庆市","arrey":[{"lat":"30.530881","long":"117.069820","name":"文采花园F座","address":"旺园路南100米"}]}]

先从缓存中获取数据,判断当前数据是否在你获取的数据里面没有的话就添加进去,有的话就不添加,超过10个的话就删除

实现:

var obj = {
name: ‘合肥’,
arrey: [{
lat: ‘31.82057’,
long: ‘117.227308’,
name: ‘合肥汽车站’,
address: ‘合肥汽车站餐馆’
}]
}//点击的当前 wx.getStorage({
key: "bigKSarr",
success(res) {
console.log(res.data) var bigKSarr = [];//命名大的数组 bigKSarr = res.data; //判断有没有当前城市
let nameInside = bigKSarr.some(function (e) {
return JSON.stringify(e.name) === JSON.stringify(obj.name);
})
if (!nameInside) {
//没有就添加进去
bigKSarr.push(obj)
} bigKSarr.forEach(function (el, i) { if (el.name == obj.name) {
//同一个城市
let inside = el.arrey.some(function (item) {
return JSON.stringify(item) === JSON.stringify(obj.arrey[0]);
})
if (!inside) {
////判断是否包含在某个城市的下列里面没有则push进去有的话就不push
el.arrey.push(obj.arrey[0]);
}
}
//如果数组超过10个就删除第一个
if (el.arrey.length > 10) {
el.arrey.splice(0,1)
}
})
wx.setStorage({
key: "bigKSarr",
data: bigKSarr
}) },
fail(res) {
//第一次获取缓存失败
console.log(res) var bigKSarr = [];//命名大的数组
var ksli = {
lat: e.currentTarget.dataset.latlog.split(",")[1],
long: e.currentTarget.dataset.latlog.split(",")[0],
name: e.currentTarget.dataset.name,
address: e.currentTarget.dataset.address
}//命名城市对应数组得单个对象
var ksliArr = [];
ksliArr.push(ksli)
var ksli = {
"name": appInstance.globalData.defaultCounty,
"arrey": ksliArr
}//这个是名字对应数组得li
bigKSarr.push(ksli)
wx.setStorage({
key: "bigKSarr",
data: bigKSarr
})
} })

这个功能是在小程序缓存所需要的,所以上述代码用了,小程序获取小程序缓存的方法

js对象跟数组多层嵌套,检测没有此数据就添加有则不添加以及超过限制条件删除操作的更多相关文章

  1. vue中,对象数组多层嵌套时,更新数据更新页面

    vue中的对象和数组的元素直接赋值修改时,是不能响应到view中去的 1.对象更新 this.a={title:'列表1’}; this.a.title='列表2’; <h1>{{a.ti ...

  2. JS 将json数组转为嵌套层级数组

    ele UI 的树级菜单的数据要求是这种嵌套的,但是Ztree的老用发的是 var zNodes =[ { id:, pId:, name:"zTree Home", pid:0} ...

  3. JS对象和数组在谷歌浏览器中引用存储的表现

    大家都知道JS的数据分为基本类型和引用类型.具体什么不说了,今天主要说说对象和数组作为引用类型在谷歌浏览器中的表现. 首先,问题是这么发现的.我在控制台使用console打印了一个数组,然后对数组进行 ...

  4. JS对象和数组深浅拷贝总结②

    在实际开发中遇到过太多次深拷贝浅拷贝的问题.总结一下~ JS数据存储和深浅拷贝实际运用① 这是之前写过的一篇文章,解决浅拷贝深拷贝的问题只说了一种方法,今天来补充一下. 介绍深拷贝和浅拷贝都在上一篇文 ...

  5. js 对象,数组,字符串,相互转换

    1:对象转换数组 let obj = {'val1':1, 'val2':2, 'val3':3, 'val4':4}; var arr = [] for (let i in obj) { //取键 ...

  6. JS对象和数组

    /* 数组和对象 [JavaScript 权威指南 第五版] */ /* 对象: 是一个无序属性集合, 每个属性都有自己的名字和值 */ /* 创建对象简单方法, 对象直接量 */ var obj = ...

  7. 【转】潜说js对象和数组

    /* 数组和对象 [JavaScript 权威指南 第五版] */ /* 对象: 是一个无序属性集合, 每个属性都有自己的名字和值 */ /* 创建对象简单方法, 对象直接量 */ var obj = ...

  8. JS对象 Array 数组对象 数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的

    Array 数组对象 数组对象是一个对象的集合,里边的对象可以是不同类型的.数组的每一个成员对象都有一个"下标",用来表示它在数组中的位置,是从零开始的 数组定义的方法: 1. 定 ...

  9. 检测js对象是不是数组类型?

    面试时候被人问如何检测一个未知变量是不是数组类型,丢脸啊,老祖宗的脸都丢没了,这都不会,回家啃书本去吧!!! var a = [];方法一:Array.isArray([])  //true type ...

随机推荐

  1. centos7.5 安装gaussian09和 gaussianview4

    一.安装gaussian09 1. 解压安装包 $ mkdir Gaussian$ cd Gaussian$ tar xvf g09_linux.tar 2. 设置环境变量 #gaussian09 e ...

  2. UML第三次作业

    一.PlantUML类图 语法学习小结 关系上的标识:在关系之间使用标签来说明时, 使用 :后接 标签文字.对元素的说明,可以在每一边使用 "" 来说明. 1 @startuml ...

  3. eclipse配置tomcat添加外部项目

    在eclipse中配置tomcat,添加外部项目. 添加外部项目 然后直接启动服务器,服务器里面不能添加项目.

  4. EF(二)Model Fiirst

    Model First 是先利用某些工具(如VS的EF设计器)设计出可视化的实体数据模型及他们之间的关系,然后再根据这些实体.关系去生成数据库对象及相关代码文件. 一.设计实体数据模型,生成数据库 1 ...

  5. Hibernate的工作原理及使用的原因

    一.工作原理: 1.读取并解析配置 2.读取并解析映射信息,创建Session Factory 3.打开Session 4.创建事务Transation 5.持久化操作 6.提交事务 7.关闭Sess ...

  6. html5与css3面试题(2)

    10.xhtml与HTML的区别? Html是对web网页设计的语言,而xhtml是基于xml的置标语言 11.面向对象的引用方法分为几种? 内部写的 原型链引用的 12.什么是重载? 函数名相同,但 ...

  7. 从后台拿到echarts的数据值,求出百分比

    从后台拿到数据是一个数组的格式 例: var arr = [6,4,0,0,0,0,0,0]; 后来得到新的需求,需要鼠标移入的时候提示数量和百分比,数量本身就可以拿到, 求百分比的时候:先拿到数组最 ...

  8. GO语言从入门到放弃目录

    GO语言基础 第一个GO程序 GO语言常量和变量 GO语言数据类型 GO语言流程控制 GO语言数组 GO语言切片 GO语言 map GO语言函数 GO语言指针 Go语言接口 GO语言常用包 GO语言的 ...

  9. Linux下/proc目录的作用

    文章是摘抄过来,方便自己查阅! 1. /proc目录 Linux 内核提供了一种通过 /proc 文件系统,在运行时访问内核内部数据结构.改变内核设置的机制.proc文件系统是一个伪文件系统,它只存在 ...

  10. hbase的一些要点

    hbase特点及简介: hbase源自于谷歌的三大论文之一 GFS -- hdfs MapReduce - MR BigTable - hbase hbase在以Hadoop为基础的生态圈中的地位 h ...