Javascript實現數組中的元素上下移動
更新時間:2017年04月28日 15:15:01 作者:helloxiaoliang
這篇文章主要給大家介紹了Javascript實現數組中的元素上下移動的相關資料,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。
前言
我們交換數組可以實現元素上下移動了,這個效果我們在表格或以前排序算法中都會用到,下面來看一個JavaScript下實現交換數組元素上下移動例子
在寫項目的時候,要實現一個數組記錄上下移動的示例。寫起來也沒有沒麻煩,無非是交換數組元素。最終實現代碼如下,比較重要的是那個函數。
示例代碼:
// 交換數組元素 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); };
合理使用那個方法,可以實現置頂和最底的一些實現。
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
您可能感興趣的文章:
- javascript數據結構之多叉樹經典操作示例【創(chuàng)建、添加、遍歷、移除等】
- 解決C語言數組元素循環(huán)右移的問題
- C語言數組元素的循環(huán)移位方法
- C語言實現數組的循環(huán)左移,右移,翻轉的示例
- 利用PHP判斷是手機移動端還是PC端訪問的函數示例
- 在.NET Core類庫中使用EF Core遷移數據庫到SQL Server的方法
- C++中的移動構造函數及move語句示例詳解
- 如何將Oracle的一個大數據表快速遷移到 Sqlserver2008數據庫(圖文教程)
- oracle數據庫遷移到MySQL的方法總結
- 嵌入式C實戰(zhàn)項目開發(fā)技巧:對一個有規(guī)律的數組表進行位移操作的方法
相關文章
JS創(chuàng)建優(yōu)美的頁面滑動塊效果 - Glider.js
JS創(chuàng)建優(yōu)美的頁面滑動塊效果 - Glider.js...2007-09-09