CSS數(shù)組去重排序是前端開發(fā)中經(jīng)常涉及到的一個(gè)問題。在實(shí)際開發(fā)中,我們經(jīng)常需要對(duì)數(shù)組進(jìn)行去重、排序等操作,以便更好地展示頁面內(nèi)容。
下面我們來介紹一下使用CSS數(shù)組去重排序的方法。首先,我們需要?jiǎng)?chuàng)建一個(gè)包含重復(fù)元素的數(shù)組,并將其賦值給一個(gè)變量。
var arr = [1, 2, 3, 2, 4, 5, 3];
接下來,我們需要使用一些CSS技巧來實(shí)現(xiàn)數(shù)組的去重。首先,我們可以使用CSS3中的偽類:nth-of-type()來選取數(shù)組中的重復(fù)元素。
var new_arr = []; for(var i=0; i<arr.length; i++){ if(new_arr.indexOf(arr[i])==-1){ new_arr.push(arr[i]); } } arr = new_arr;
最后,我們還可以使用CSS的排序功能,對(duì)數(shù)組中的元素進(jìn)行排序。這里我們演示一下如何使用CSS實(shí)現(xiàn)升序排序:
arr.sort(function(a,b){ return a-b; });
以上就是使用CSS數(shù)組去重排序的方法,希望對(duì)大家有所幫助。
上一篇php 寫對(duì)象
下一篇php 幾分鐘前