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)文章
js算法實(shí)例之字母大小寫(xiě)轉(zhuǎn)換
實(shí)現(xiàn)javascript?英文首字母大寫(xiě)有多種方法,下面這篇文章主要給大家介紹了關(guān)于js算法實(shí)例之字母大小寫(xiě)轉(zhuǎn)換的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
關(guān)于ExtJS4.1:快捷鍵支持的問(wèn)題
本篇文章小編為大家介紹,關(guān)于ExtJS4.1 快捷鍵支持的問(wèn)題。需要的朋友參考下2013-04-04
js實(shí)現(xiàn)指定時(shí)間倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)指定時(shí)間倒計(jì)時(shí)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-08-08
純javascript響應(yīng)式樹(shù)形菜單效果
這篇文章主要為大家分享了純javascript響應(yīng)式樹(shù)形菜單效果的簡(jiǎn)單教程,對(duì)多級(jí)目錄樹(shù)形菜單感興趣的小伙伴們可以參考一下2015-11-11
Javascript 鼠標(biāo)移動(dòng)上去小三角形滑塊緩慢跟隨效果
一個(gè)tab選項(xiàng)卡,當(dāng)鼠標(biāo)移動(dòng)上去時(shí)紅色滑塊跟隨,在布局過(guò)程中經(jīng)常會(huì)使用到,本文提供了詳細(xì)的實(shí)現(xiàn)代碼,感興趣的朋友可以參考下2013-04-04
基于Bootstrap table組件實(shí)現(xiàn)多層表頭的實(shí)例代碼
Bootstrap table還有一個(gè)很多強(qiáng)大的功能,下面就通過(guò)本文給大家分享基于Bootstrap table組件實(shí)現(xiàn)多層表頭的實(shí)例代碼,需要的朋友參考下吧2017-09-09
學(xué)習(xí)JavaScript設(shè)計(jì)模式(鏈?zhǔn)秸{(diào)用)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式,其中重點(diǎn)介紹鏈?zhǔn)秸{(diào)用,感興趣的小伙伴們可以參考一下2015-11-11

