Javascript：将2D整数数组转换为base64字符串并返回

Question

我对javascript并不熟悉，但我需要发送和接收大的静态2D整数数组（其值> 255）作为base64字符串（这是必要）。目前，我已经想出了这个简单而低效的解决方案，将它们转换为元素方式并手动构建字符串，据我所知，这应该涉及大量的数据复制，并且变得非常缓慢。

它可以以更有效的方式完成，如果可能的话，不使用像Node.js等一些大型的边库？

 //----------- serializing/deserializing procedures 

    //encoding int contours array to be sent as base64 string 
    function getBase64IntArray(arr) { 

     var width = arr.length; 
     //This works given the inner arrays length never changes. 
     var height = arr[0].length; 
     //string that would contain data 
     var str = width.toString()+","+height.toString()+","; 

     for(var x = 0; x < height; x++) { 
      for(var y = 0; y < width; y++) { 
       str = str + arr[x][y].toString() + ","; 
      } 
     }  

     var str64 = btoa(str); 
     return str64; 
    }//getBase64IntArray 

    //deconding this string back to array 
    function getIntArrayfromBase64(str64) { 

     var str = atob(str64); 
     //first occurence of "," 
     var width_str = str.substr(0,str.indexOf(',')); 
     str = str.substr(str.indexOf(',')+1); // cut the beginning 
     //again first occurence of "," 
     var height_str = str.substr(0,str.indexOf(',')); 
     str = str.substr(str.indexOf(',')+1); // cut the beginning 

     var width = parseInt(width_str); 
     var height = parseInt(height_str); 

     //declare new array and fill it 
     var arr = new Array(height); 
     var curr_str = ""; 

     for(var x = 0; x < height; x++) { 

      arr[x] = new Array(width); 

      for(var y = 0; y < width; y++) { 
       //first occurence of "," 
       curr_str = str.substr(0,str.indexOf(',')); 
       // cut the beginning 
       str = str.substr(str.indexOf(',')+1); 
       arr[x][y]=parseInt(curr_str); 
      } 
     } 

     return arr; 

    }// getIntArrayfromBase64 

---

发送/接收作品：

//----------- example usage 
    function send(){ 
    //encoding to base64     
    var arr = [ 
      [1, 2], 
      [3, 4] 
    ]; 

    var base64 = getBase64IntArray(arr);     
    webSocket.send(base64);    
    } 

    webSocket.onmessage = function(event){ 

    //reading array as base64 string 
    var arr = getIntArrayfromBase64(event.data); 
    var width = arr.length; 
    var height = arr[0].length; 

    writeResponse("Received "+width+" "+height+" "+arr[0][0]+arr[1][1]); 
    }; 

Answer 1

有关通过JSON会如何？ JSON将为线路格式增加最小的开销，但序列化/反序列化将会很快，因为它是本地实现的。

function getBase64IntArray(arr) { return btoa(JSON.stringify(arr)) }

function getIntArrayfromBase64(str64) { return JSON.parse(atob(str64)) }