關(guān)于JS中一維數(shù)組和二維數(shù)組互轉(zhuǎn)問題

更新時間：2022年04月08日 13:11:45 作者：~疆

這篇文章主要介紹了js中一維數(shù)組和二維數(shù)組互轉(zhuǎn),本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下

一維數(shù)組轉(zhuǎn)二維數(shù)組

 arr1to2(arr, number) {
      var arr2 = [];
      let len = arr.length;
      for (let i = 0, j = 0; i < len; i += number, j++) {
        arr2[j] = arr.splice(0, number);
      }
      return arr2;
    },

使用：

let arr1 = [
      103.743896484375, 21.48374090716327, 101.05224609374999,
      20.550508894195637, 103.60107421874999, 17.518344187852218
    ];
    console.log('一維數(shù)組:', arr1);
    let arr2 = this.arr1to2(arr1, 2);
    console.log('二維數(shù)組:', arr2);

如果arr1to2第二個參數(shù)為3，效果如下：

二維數(shù)組轉(zhuǎn)一維數(shù)組

    //二維數(shù)組轉(zhuǎn)一維數(shù)組
    let arr = [
      [103.743896484375, 21.48374090716327],
      [101.05224609374999, 20.550508894195637],
      [103.60107421874999, 17.518344187852218]
    ];
    console.log('二維數(shù)組:', arr);
    let newarr = [];
    for (const item of arr) {
      newarr = [...newarr, ...item];
    }
    console.log('一維數(shù)組：', newarr);

到此這篇關(guān)于js中一維數(shù)組和二維數(shù)組互轉(zhuǎn)的文章就介紹到這了,更多相關(guān)js數(shù)組互轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

小程序頁面onload(),onready()加載順序詳解
本文主要介紹了小程序頁面onload(),onready()加載順序，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02
多種方式實現(xiàn)js圖片預(yù)覽
這篇文章主要為大家詳細(xì)介紹了多種方式實現(xiàn)js圖片預(yù)覽,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
js css3實現(xiàn)圖片拖拽效果
這篇文章主要為大家詳細(xì)介紹了js css3實現(xiàn)圖片拖拽效果，注釋非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
javascript 判斷頁面訪問方式電腦或者移動端
這篇文章主要介紹了判斷頁面訪問方式電腦或者移動端的相關(guān)資料,這里提供了三種方法，需要的朋友可以參考下
2016-09-09
JS多文件上傳的實例代碼
本文通過實例代碼給大介紹了js多文件上傳的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下
2017-01-01
window.onload 加載完畢的問題及解決方案（上）
我們經(jīng)常使用 window.onload 來處理頁面，當(dāng)頁面加載完成做一些事情。但這個 window.onload 是頁面全部加載完成，甚至包括圖片，而我們實際上經(jīng)常需要的是文檔 DOM 加載完畢！
2009-07-07
Flutter自適用高度PageView的實現(xiàn)方案
在?Flutter?中,PageView?是一個非常常用的組件,能夠?qū)崿F(xiàn)多個頁面的滑動切換,這篇文章主要介紹了Flutter-自適用高度PageView,需要的朋友可以參考下
2024-08-08
javascript設(shè)計模式 – 橋接模式原理與應(yīng)用實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 橋接模式,結(jié)合實例形式分析了javascript橋接模式基本概念、原理、用法及操作注意事項,需要的朋友可以參考下
2020-04-04
checkbox選中與未選中判斷示例
本節(jié)主要介紹了checkbox選中與未選中的判斷方法，需要的朋友可以參考下
2014-08-08
關(guān)于foreach循環(huán)中遇到的問題小結(jié)
這篇文章主要介紹了關(guān)于foreach循環(huán)中遇到的問題總結(jié),非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-05-05