亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

查找Vue中下標的操作(some和findindex)

 更新時間:2020年08月12日 16:34:46   作者:東方月光  
這篇文章主要介紹了查找Vue中下標的操作(some和findindex),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

some的用法

 list:[ 
      {id:1,name:'奔馳',citme:new Date()},
      {id:2,name:'寶馬',citme:new Date()}
    ]

 - // this.list.some((item,i)=>{
        //  if(item.id==id){
        //    this.list.splice(i,1)
        //    return true
        //  }
        // })

其中some是比較list中每一項的id值,然后把這個id值給了item,item.id就代表了list中的每一項id值,如果返回true,就不再往后執(zhí)行

var index= this.list.findIndex(item=>{
          if(item.id==id){
            return true
          }
        })

findIndex 同理也是遍歷list中的id值,item.id就是list中的id值

補充知識:vue處理對象數組(下標和值)

我就廢話不多說了,大家還是直接看代碼吧~

Storelist(){
     this.$api.question().then(res=>{
      if (res.status==1){
       let that = this
       let a = res.result.store
       // a是獲取接口的對象數組
       console.log(a)
       console.log(a.length)

       // 對象數組--數據的長度
       var groupCount = Object.getOwnPropertyNames(a).length;
       console.log(groupCount)

       // 對象數組的下標
       var keys1 = []
       for (var p1 in a) {
        if (a.hasOwnProperty(p1))
         keys1.push(p1);
       }
       console.log(keys1)
		
		//組合數據-拼接成數組
       let qqq = []
       for (let i=0;i<keys1.length;i++){
        console.log(keys1[i])
        console.log(a[keys1[i]])
        qqq.push({
         pid:keys1[i],
         name:a[keys1[i]]
        })
       }
       console.log(qqq)
      }
     })
    },

以上這篇查找Vue中下標的操作(some和findindex)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關文章

  • vue3.x對echarts的二次封裝之按需加載過程詳解

    vue3.x對echarts的二次封裝之按需加載過程詳解

    echarts是我們后臺系統(tǒng)中最常用的數據統(tǒng)計圖形展示,外界對它的二次封裝也不計層數,這篇文章主要介紹了vue3.x對echarts的二次封裝之按需加載,需要的朋友可以參考下
    2023-09-09
  • element合并表格行的方法實現

    element合并表格行的方法實現

    本文主要介紹了element合并表格行的方法實現,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-07-07
  • Vue?+?Element?實現按鈕指定間隔時間點擊思路詳解

    Vue?+?Element?實現按鈕指定間隔時間點擊思路詳解

    這篇文章主要介紹了Vue?+?Element?實現按鈕指定間隔時間點擊,實現思路大概是通過加一個本地緩存的時間戳,通過時間戳計算指定時間內不能點擊按鈕,具體實現代碼跟隨小編一起看看吧
    2023-12-12
  • Vue路由vue-router用法講解

    Vue路由vue-router用法講解

    這篇文章介紹了Vue路由vue-router的用法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-01-01
  • 一文詳解Vue中如何實現頁面骨架屏

    一文詳解Vue中如何實現頁面骨架屏

    為了提升頁面加載速度,我們可以使用頁面骨架屏技術來優(yōu)化用戶感知,下面就跟隨小編一起學習一下如何在vue中實現頁面骨架屏吧
    2024-03-03
  • Vue 動態(tài)設置路由參數的案例分析

    Vue 動態(tài)設置路由參數的案例分析

    這篇文章主要介紹了Vue 動態(tài)設置路由參數的案例分析,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2018-04-04
  • 使用Vite+Vue3+Vant全家桶快速構建項目步驟詳解

    使用Vite+Vue3+Vant全家桶快速構建項目步驟詳解

    這篇文章主要為大家介紹了使用Vite+Vue3+Vant全家桶快速構建項目步驟詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-06-06
  • vue實現監(jiān)聽localstorage值變化

    vue實現監(jiān)聽localstorage值變化

    這篇文章主要介紹了vue實現監(jiān)聽localstorage值變化,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • 前端構建工具Webpack、Vite區(qū)別有哪些

    前端構建工具Webpack、Vite區(qū)別有哪些

    Webpack和Vite是兩種主流的前端構建工具,它們在功能、性能和使用場景上有所不同,Webpack提供豐富的功能和配置,適合大型復雜項目,但可能導致啟動和構建速度較慢,Vite基于ES模塊,支持快速的熱替換,適合小型或中等項目,需要的朋友可以參考下
    2024-10-10
  • Vue路由History模式分析

    Vue路由History模式分析

    Vue-router是Vue的核心組件,主要是作為Vue的路由管理器,Vue-router默認hash模式,通過引入Vue-router對象模塊時配置mode屬性可以啟用history模式,本文將通過代碼示例給大家詳細分析Vue路由History模式
    2023-06-06

最新評論