Javascript實(shí)現(xiàn)數(shù)組中的元素上下移動(dòng)
前言
我們交換數(shù)組可以實(shí)現(xiàn)元素上下移動(dòng)了,這個(gè)效果我們?cè)诒砀窕蛞郧芭判蛩惴ㄖ卸紩?huì)用到,下面來(lái)看一個(gè)JavaScript下實(shí)現(xiàn)交換數(shù)組元素上下移動(dòng)例子
在寫(xiě)項(xiàng)目的時(shí)候,要實(shí)現(xiàn)一個(gè)數(shù)組記錄上下移動(dòng)的示例。寫(xiě)起來(lái)也沒(méi)有沒(méi)麻煩,無(wú)非是交換數(shù)組元素。最終實(shí)現(xiàn)代碼如下,比較重要的是那個(gè)函數(shù)。
示例代碼:
// 交換數(shù)組元素 var swapItems = function(arr, index1, index2) { arr[index1] = arr.splice(index2, 1, arr[index1])[0]; return arr; }; // 上移 $scope.upRecord = function(arr, $index) { if($index == 0) { return; } swapItems(arr, $index, $index - 1); }; // 下移 $scope.downRecord = function(arr, $index) { if($index == arr.length -1) { return; } swapItems(arr, $index, $index + 1); };
合理使用那個(gè)方法,可以實(shí)現(xiàn)置頂和最底的一些實(shí)現(xiàn)。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
- javascript數(shù)據(jù)結(jié)構(gòu)之多叉樹(shù)經(jīng)典操作示例【創(chuàng)建、添加、遍歷、移除等】
- 解決C語(yǔ)言數(shù)組元素循環(huán)右移的問(wèn)題
- C語(yǔ)言數(shù)組元素的循環(huán)移位方法
- C語(yǔ)言實(shí)現(xiàn)數(shù)組的循環(huán)左移,右移,翻轉(zhuǎn)的示例
- 利用PHP判斷是手機(jī)移動(dòng)端還是PC端訪問(wèn)的函數(shù)示例
- 在.NET Core類(lèi)庫(kù)中使用EF Core遷移數(shù)據(jù)庫(kù)到SQL Server的方法
- C++中的移動(dòng)構(gòu)造函數(shù)及move語(yǔ)句示例詳解
- 如何將Oracle的一個(gè)大數(shù)據(jù)表快速遷移到 Sqlserver2008數(shù)據(jù)庫(kù)(圖文教程)
- oracle數(shù)據(jù)庫(kù)遷移到MySQL的方法總結(jié)
- 嵌入式C實(shí)戰(zhàn)項(xiàng)目開(kāi)發(fā)技巧:對(duì)一個(gè)有規(guī)律的數(shù)組表進(jìn)行位移操作的方法
相關(guān)文章
每天一篇javascript學(xué)習(xí)小結(jié)(Date對(duì)象)
這篇文章主要介紹了javascript中的Date對(duì)象知識(shí)點(diǎn),對(duì)Date對(duì)象的基本使用方法,以及各種方法進(jìn)行整理,感興趣的小伙伴們可以參考一下2015-11-11Javascript 阿拉伯?dāng)?shù)字轉(zhuǎn)化中國(guó)大寫(xiě)數(shù)字的函數(shù)代碼
將阿拉伯?dāng)?shù)字轉(zhuǎn)化中國(guó)大寫(xiě)數(shù)字的函數(shù)代碼,需要的朋友可以參考下。2010-04-04uniapp制作一個(gè)收縮通訊錄的實(shí)現(xiàn)代碼
這篇文章主要介紹了uniapp制作一個(gè)收縮通訊錄的實(shí)現(xiàn)代碼,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12原生JS實(shí)現(xiàn)手動(dòng)輪播圖效果實(shí)例代碼
手動(dòng)輪播圖,為輪播圖中的一種,輪播圖主要有無(wú)縫輪播,手動(dòng)輪播,延遲輪播,切換輪播等等,輪播圖主要用于展現(xiàn)圖片,新出商品,詞條,又能美觀網(wǎng)頁(yè)。給網(wǎng)頁(yè)中增加動(dòng)態(tài)效果。接下來(lái)通過(guò)本文給大家分享原生JS實(shí)現(xiàn)手動(dòng)輪播圖的實(shí)例代碼,一起看看吧2018-11-11JS創(chuàng)建優(yōu)美的頁(yè)面滑動(dòng)塊效果 - Glider.js
JS創(chuàng)建優(yōu)美的頁(yè)面滑動(dòng)塊效果 - Glider.js...2007-09-09