小程序之解码

68 阅读 0 评论 45 点赞

我是靠谱客的博主文静豌豆，最近开发中收集的这篇文章主要介绍小程序之解码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

encodeURIComponent() 函数

可把字符串作为 URI 组件进行编码，该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( ) 。或其他字符（比如：;/?????&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的
encodeURIComponent(uri)：uri，必需。一个字符串，含有 URI 组件或其他要编码的文本

<script>
var uri="http://w3cschool.cc/my test.php?name=ståle&car=saab";
document.write(encodeURIComponent(uri));
</script>

【输出】
http%3A%2F%2Fw3cschool.cc%2Fmy%20test.php%3Fname%3Dst%C3%A5le%26car%3Dsaab

decodeURIComponent() 函数

可对 encodeURIComponent() 函数编码的 URI 进行解码
decodeURIComponent(URIstring)：URIstring，必需，一个字符串，含有编码 URI 组件或其他要解码的文本
返回值：URIstring 的副本，其中的十六进制转义序列将被它们表示的字符替换

<script type="text/javascript">
var test1="http://www.w3school.com.cn/My first/"
document.write(encodeURIComponent(test1)+ "<br />")
document.write(decodeURIComponent(test1))
</script>

【输出】
http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F
http://www.w3school.com.cn/My first/

exec() 方法

用于检索字符串中的正则表达式的匹配
RegExpObject.exec(string)：string，必需，要检索的字符串
返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null
如果 exec() 找到了匹配的文本，则返回一个结果数组。否则，返回 null。此数组的第 0 个元素是与正则表达式相匹配的文本，第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本（如果有的话），第 2 个元素是与 RegExpObject 的第 2 个子表达式相匹配的文本（如果有的话），以此类推。除了数组元素和 length 属性之外，exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input 属性则存放的是被检索的字符串 string。我们可以看得出，在调用非全局的 RegExp 对象的 exec() 方法时，返回的数组与调用方法 String.match() 返回的数组是相同的。但是，当 RegExpObject 是一个全局正则表达式时，exec() 的行为就稍微复杂一些。它会在 RegExpObject 的 lastIndex 属性指定的字符处开始检索字符串 string。当 exec() 找到了与表达式相匹配的文本时，在匹配后，它将把 RegExpObject 的 lastIndex 属性设置为匹配文本的最后一个字符的下一个位置。这就是说，您可以通过反复调用 exec() 方法来遍历字符串中的所有匹配文本。当 exec() 再也找不到匹配的文本时，它将返回 null，并把 lastIndex 属性重置为 0
正则表达式30分钟入门教程
/* scene解码*/ scene_decode(e) { if (e === undefined) return {}; // encodeURIComponent() 函数：可把字符串作为 URI 组件进行编码 // decodeURIComponent()函数：可对 encodeURIComponent() 函数编码的 URI 进行解码 let scene = decodeURIComponent(e), params = scene.split(','), data = {}; for (let i in params) { var val = params[i].split(':'); val.length > 0 && val[0] && (data[val[0]] = val[1] || null) } return data; },