本文已参与「新人创作礼」活动，一起开启掘金创作之路。

前言

最近开发小程序遇到好几个需求， 1、通过扫码进入小程序，需要获取到二维码带进来的内容。再将其转换为对象类型 2、二进制要转成base64图片 3、对象转换为byte数组 刚好一块记录下来

扫描进入小程序获取对象

一、编写正则表达式

目标是获取问号后的数据，首先通过?将url分成两部分

const regex = /^([^\?]*)\?(.*)$/;
// ^([^\?]*) 匹配开头非问号的所有字符
// \? 以问号分隔

二、转换为对象

const url = 'http://www.baidu.com/code/?id=xxx&name=xxx?&sex=1';
let res = {};
const regex = /^([^\?]*)\?(.*)$/;
let result = regex.exec(url) || null
// 若无问号 数据则为空
const query = (result ? result[2] : '').trim()

console.log(query) 
// > id=xxx&name=xxx?&sex=1

query.split('&').forEach(param => {
    const parts = param.replace(/\+/g , '').split('=');
    const key = decodeURIComponent(parts.shift())
    const value = parts.length > 0 ? decodeURIComponent(parts.join('=')) : null
    if(res[key] === undefined) {
        res[key] = value
    }
})

console.log(res)
// > {"id":"xxx","name":"xxx?","sex":"1"}

二进制要转成base64图片

最近有个项目后端返回的图片是个二进制流，把二进制流转换成图片，发现有几个有意思又比较少见的api，特意记录一下

• btoa：用于创建一个 base-64 编码的字符串。
• fromCharCode：将一个或多个 Unicode 值转换为字符串
• Uint8Array：一个8位无符号整型数组

let imgUrl = 'data:image/jpeg;base64,' + btoa(String.fromCharCode(...new Uint8Array(response.data)))

对象转换为byte数组

刚好有个朋友也问到我，大对象后端不接收，要转换成byte数组才行；决定探究一下。

// 字符串转Uint8Array
function stringToUint8Array(str){
  var arr = [];
  // 首先将字符串逐个转换为Unicode值
  for (var i = 0, j = str.length; i < j; ++i) {
    arr.push(str.charCodeAt(i));
  }
  // 再创建 Uint8Array 传递进去 
  var tmpUint8Array = new Uint8Array(arr);
  return tmpUint8Array
}
// 最后只要把大对象通过 JSON.stringify 转换成字符串就能使用了
const toUnit = stringToUint8Array(JSON.stringify(bigObj))

看最终效果