js數(shù)組反轉(zhuǎn)的幾種常見方法舉例
更新時間：2023年10月10日 09:43:32 作者：比較菜的Curry
最近學到了數(shù)組的使用方法,給大家分享一下,這篇文章主要給大家介紹了關(guān)于js數(shù)組反轉(zhuǎn)的幾種常見方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
第一種：創(chuàng)建一個新數(shù)組使用reverse()的方法進行反轉(zhuǎn)。
let arr = [1,2,3,4] let arr1 = arr.reverse() console.log(arr1); //[4, 3, 2, 1]
第二種：利用數(shù)組循環(huán)，使用unshift() 方法將新項添加到數(shù)組的開頭，并返回新的長度。unshift() 方法會改變數(shù)組的長度。
let arr2 = [1,2,3,4]
let arr3 = []
arr2.forEach((element) => {
arr3.unshift(element)
})
console.log(arr3); //[4, 3, 2, 1]第三種：使用反向循環(huán)數(shù)組的方法添加至一個新的數(shù)組。
let arr4 = ["jin", "shi","peng"]
let arr5 = []
for (let i = arr4.length-1; i >=0; i--) {
arr5.push(arr4[i])
}
console.log(arr5); //['peng', 'shi', 'jin']附：js實現(xiàn)數(shù)組中的一部分反轉(zhuǎn)
動態(tài)規(guī)劃法：const arr = [2, 6, 5, 8, 3, 5, 2, 6, 7];
const start = 3, end = 7;
const reverse = arr => {
const { length: l } = arr;
for(let i = 0; i < Math.floor(l/2); i++){
const temp = arr[i];
arr[i] = arr[l-i-1];
arr[l-i-1] = temp;
};
return arr;
};
const reverseBetween = (arr, start, end) => {
const num = Math.min(end - start, arr.length - start);
arr.splice(start, 0, ...reverse(arr.splice(start, num)));
}
reverseBetween(arr, start, end);
console.log(arr);完全用數(shù)組的方法實現(xiàn)
const arr = [1,2,3,4,5,6,7,8] // 2,5 得 [1,2,6,5,4,3,7,8]
function Fselve(str,a,b){
let arrary= [];
let abs = arr.slice(a,b+1).reverse()
for(var i=0;i<str.length;i++){
if(i<a){
arrary.push(str[i])
}else if(b<i){
arrary.push(str[i])
}
}
arrary.splice(a,0,abs)
let newArr =[]
for(var j=0;j<arrary.length;j++){
if(arrary[j].length>0){
for(var h=0;h<arrary[j].length;h++){
newArr.push(arrary[j][h])
}
}else{
newArr.push(arrary[j])
}
}
console.log(newArr,'new')
return newArr
}
Fselve(arr,2,5)總結(jié)
到此這篇關(guān)于js數(shù)組反轉(zhuǎn)的幾種常見方法的文章就介紹到這了,更多相關(guān)js數(shù)組反轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
js實現(xiàn)根據(jù)漢字的拼音按照a-z的方式進行排序
這篇文章主要為大家詳細介紹了如何使用JavaScript實現(xiàn)根據(jù)漢字的拼音按照a-z的方式進行排序,文中的示例代碼講解詳細,需要的小伙伴可以了解下2025-08-08
本文主要介紹了NestJS 項目打包的實現(xiàn)步驟,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-09-09
微信小程序?qū)崿F(xiàn)瀑布流布局與無限加載的方法詳解
瀑布流布局是我們?nèi)粘ｉ_發(fā)中經(jīng)常見到的一種頁面布局方式，下面這篇文章主要給大家介紹了微信小程序?qū)崿F(xiàn)瀑布流布局與無限加載的相關(guān)資料，文中給出了詳細介紹和示例代碼供大家參考學習，需要的朋友們下面來一起看看吧。2017-05-05
javascript實現(xiàn)時間日期的格式化的方法匯總
這篇文章主要介紹了javascript實現(xiàn)時間日期的格式化的方法匯總，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
下面小編就為大家?guī)硪黄猨s中常用的Tab切換效果(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-08-08
MVC模式可謂無人不知，它除了能增強團隊協(xié)作的效率，還可方便產(chǎn)品的維護升級，本文我們將對Express框架的模板和視圖（V）相關(guān)功能進行介紹。2011-07-07
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)消息框彈出動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了淺談Javascript數(shù)組的使用的相關(guān)資料,包括數(shù)組的大小，數(shù)組的遍歷以及數(shù)組的一些方法，非常細致，需要的朋友可以參考下2015-07-07
單擊事件，將Td內(nèi)容更新為一個Div，其中裝載了一個Text，用于用戶輸入新的Td的值，一個確定按鈕，一個取消按鈕，用于保存或取消用戶的輸入內(nèi)容2013-01-01
這篇文章主要介紹了javascript正則表達式模糊匹配IP地址功能,結(jié)合簡單實例形式演示了JS模糊匹配IP地址的實現(xiàn)方法,涉及針對數(shù)字及字符串的相關(guān)正則判定與匹配操作技巧,需要的朋友可以參考下2017-01-01