欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js數組反轉的幾種常見方法舉例

 更新時間:2023年10月10日 09:43:32   作者:比較菜的Curry  
最近學到了數組的使用方法,給大家分享一下,這篇文章主要給大家介紹了關于js數組反轉的幾種常見方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下

第一種:創(chuàng)建一個新數組使用reverse()的方法進行反轉。

let arr = [1,2,3,4]
let arr1 = arr.reverse()
console.log(arr1);  //[4, 3, 2, 1]

第二種:利用數組循環(huán),使用unshift() 方法將新項添加到數組的開頭,并返回新的長度。unshift() 方法會改變數組的長度。

let arr2 = [1,2,3,4]
let arr3 = []
arr2.forEach((element) => { 
       arr3.unshift(element)
    })
console.log(arr3);  //[4, 3, 2, 1]

第三種:使用反向循環(huán)數組的方法添加至一個新的數組。

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實現數組中的一部分反轉

動態(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);

完全用數組的方法實現

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)

總結 

到此這篇關于js數組反轉的幾種常見方法的文章就介紹到這了,更多相關js數組反轉內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • Popup彈出框添加數據實現方法

    Popup彈出框添加數據實現方法

    這篇文章主要為大家詳細介紹了Popup彈出框添加數據的簡單實現方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-10-10
  • JS實現霓虹燈文字效果的方法

    JS實現霓虹燈文字效果的方法

    這篇文章主要介紹了JS實現霓虹燈文字效果的方法,涉及javascript遍歷字符串及頁面樣式的動態(tài)操作技巧,效果非常炫目華麗,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • javascript使用window.name解決跨域問題

    javascript使用window.name解決跨域問題

    window.name 的美妙之處:name 值在不同的頁面(甚至不同域名)加載后依舊存在,并且可以支持非常長的 name 值(2MB)。
    2008-09-09
  • JS技巧動手實現紅包兔子雨效果示例詳解

    JS技巧動手實現紅包兔子雨效果示例詳解

    這篇文章主要為大家介紹了JS技巧動手實現紅包兔子雨效果示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-01-01
  • knockoutjs模板實現樹形結構列表

    knockoutjs模板實現樹形結構列表

    這篇文章主要介紹了knockoutjs模板實現樹形結構列表的實現代碼,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
    2017-07-07
  • Object.defineProperty()?完整指南示例詳解

    Object.defineProperty()?完整指南示例詳解

    本文深入理解`Object.defineProperty()`的方法,包括基礎概念、屬性描述符的完整選項、常見使用場景等,感興趣的朋友跟隨小編一起看看吧
    2025-01-01
  • 詳解嵌套命名空間在TypeScript中如何應用

    詳解嵌套命名空間在TypeScript中如何應用

    命名空間是TypeScript中非常有用的概念,可以幫助我們組織和管理代碼,避免命名沖突,下面小編就來和大家聊聊嵌套命名空間在TypeScript中是如何應用的吧
    2023-06-06
  • javascript結合Cookies實現瀏覽記錄歷史

    javascript結合Cookies實現瀏覽記錄歷史

    最近在工作當中遇到一個問題 有個頁面需要添加一個瀏覽歷史記錄功能,具體來說就是要記錄下用戶在此網站的點擊歷史 并把它們降序排列出來(只顯示前6個瀏覽歷史而且不能重復)。
    2008-09-09
  • vue 自定義指令directive的使用場景

    vue 自定義指令directive的使用場景

    這篇文章主要詳細介紹了vue 自定義指令directive的使用場景,文中有詳細的代碼示例,感興趣的小伙伴歡迎閱讀
    2023-04-04
  • JS實現的表頭列頭固定頁面功能示例

    JS實現的表頭列頭固定頁面功能示例

    這篇文章主要介紹了JS實現的表頭列頭固定頁面功能,涉及javascript針對頁面元素及表格樣式動態(tài)操作相關技巧,需要的朋友可以參考下
    2017-01-01

最新評論