js 陣列迴圈重複問題

2022-03-13 20:45:38 字數 812 閱讀 3427

有乙個需求就是需要把後台傳給我的資料顯示在彈出框進行選擇,如圖

後台返回的資料格式

但是我前端只需要方框裡的內容,其他的不要,剛開始我是想讓後台直接給我返回那兩個資料就行,然後我直接給那兩個資料賦值,如下:

但是後台不願意改,那我就只能自己重新組裝乙個json了

定義乙個空陣列,再來乙個空物件,每次迴圈,將需要的兩個值放進物件裡面,再把物件push到陣列裡面,這樣不就完美了嗎?然而遇到了乙個問題,就是那個新定義的陣列裡面的資料是重複的,怎麼回事呢

下面是我的測試**

原因是如果我把空物件寫在那個地方的話,陣列裡就始終是這乙個物件,然後每次迴圈就會覆蓋它的值,那怎麼解決呢,就是在每次迴圈的時候new乙個物件,這樣就是多個物件,互補干擾,就不會有重複的問題了

JS中用for迴圈解決重複定義的問題

在介面設計過程中,也許有些id,我們是按照功能取的,在使用的時候發現分別定義有點煩人。這樣的定義變數能不能用for迴圈實現?var btn1 document.getelementbyid btn1 var btn2 document.getelementbyid btn2 var btn3 doc...

js陣列去重複

1.遍歷陣列法 實現思路 新建乙個陣列,遍歷去要重的陣列,當值不在新陣列的時候 indexof為 1 就加入該新陣列中 var arr 2,8,5,0,5,2,6,7,2 function unique1 arr return hash 2.陣列下標判斷法 呼叫indexof方法,效能和方法1差不多...

JS 陣列去除重複

使用new set 使用fliter 方法 var arr 1,2,3,4,5,5,4,3,2,11,3,22,11,11,22 let x arr.filter function val,index array filter 方法可以將滿足條件的數值返回。使用indexof查詢array中當前值的...