weex-过滤数组中的元素并进行删除

简介: weex-过滤数组中的元素并进行删除

在网络请求中,我们不可避免的会拿到一些不需要的数据,博主这里是一个列表,但是列表中加入了广告,所以博主的目的就是把里面的广告去除,首先是一个数组,数组中有很多元素,元素里面有很多数据字段,我要把不包含title字段的元素去除掉。这么说,明白了吧。


下面是网路请求:

var me = this;
    let  jo = {page : "1", user_sid: "xxxxxx"};
    stream.fetch({
      method: 'POST',
      url: 'https://xxxxxxxx',
      type:'json',
      headers: {'Content-Type': 'application/json; charset=utf-8',},
      body:JSON.stringify(jo)
    }, function(ret) {
      if(!ret.ok){
        // me.postResult = "request failed";
      }else{
        console.log(ret.data.ret);
      }
    },function(response){
    });

ret.data.ret是从返回的json数据中取出数组,现在要对数组中元素不包含title字段的元素进行删除,一开始按照iOS的思路去做,for in去便利但是拿到的每一个元素是数组的下标,并不是一个对象,而且不含title字段不能用xxxx!==null,要用undefined,学前端的应该都知道吧。for in获取到的是下标这是es里面的内容,深究的可以看看这个点,后来选用了for of,纯粹的for循环,和filter来做:

1.
        var newArray = ret.data.ret;
        for(var tmpItem of newArray) {
          if(tmpItem.title !== undefined) {
            me.listData.push(tmpItem);
          }
        }
2.
        var newArray = ret.data.ret;
        for(var i = 0; i < newArray.length; i++) {
          if(newArray[i].title !== undefined) {
            me.listData.push(newArray[i]);
          }
        }
3.
        var tempArray = ret.data.ret;
        me.listData = tempArray.filter(item => {
          return item.title !== undefined;
        });

经测试,以上三种方法均可以过滤不包含title的元素。


然后就可以在div中通过v-for来便利数组中的元素进行布局了。

目录
相关文章
|
存储 NoSQL Redis
容器部署日志分析平台ELK7.10.1(Elasisearch+Filebeat+Redis+Logstash+Kibana)
容器部署日志分析平台ELK7.10.1(Elasisearch+Filebeat+Redis+Logstash+Kibana)
947 0
|
存储 JavaScript
|
Android开发
Android 四大组件之Service的详解
Android 四大组件之Service的详解
311 0
Java基础:Collections.sort的两种用法详解
Java基础:Collections.sort的两种用法详解
1221 0
Java基础:Collections.sort的两种用法详解
|
XML 移动开发 前端开发
【D3.js - v5.x】(2)绘图 | 比例尺 | 坐标轴 | 柱状图 | 过渡
【D3.js - v5.x】(2)绘图 | 比例尺 | 坐标轴 | 柱状图 | 过渡
413 0
【D3.js - v5.x】(2)绘图 | 比例尺 | 坐标轴 | 柱状图 | 过渡
|
网络协议 Java 程序员
Java核心类库之(接口组成更新、方法引用、函数式接口)
以下博客是根据黑马视频写的Javase全集博客笔记:黑马程序员全套Java教程_Java基础入门视频教程,零基础小白自学Java必备教程
147 0
Java核心类库之(接口组成更新、方法引用、函数式接口)
|
小程序 API JavaScript
带你读《微信小程序商城开发:界面设计实战》之二:小程序基础知识
本书是讲解微信小程序前端界面设计的入门书籍,有详细的理论知识、布局分析、逻辑分析,还有丰富的实战案例以及详细的代码解说,具有很强的实用性。
|
2天前
|
弹性计算 关系型数据库 微服务
基于 Docker 与 Kubernetes(K3s)的微服务:阿里云生产环境扩容实践
在微服务架构中,如何实现“稳定扩容”与“成本可控”是企业面临的核心挑战。本文结合 Python FastAPI 微服务实战,详解如何基于阿里云基础设施,利用 Docker 封装服务、K3s 实现容器编排,构建生产级微服务架构。内容涵盖容器构建、集群部署、自动扩缩容、可观测性等关键环节,适配阿里云资源特性与服务生态,助力企业打造低成本、高可靠、易扩展的微服务解决方案。
1084 0
|
11天前
|
人工智能 运维 安全
|
1天前
|
机器学习/深度学习 人工智能 前端开发
通义DeepResearch全面开源!同步分享可落地的高阶Agent构建方法论
通义研究团队开源发布通义 DeepResearch —— 首个在性能上可与 OpenAI DeepResearch 相媲美、并在多项权威基准测试中取得领先表现的全开源 Web Agent。
369 0