一行代码实现一个简单的模板字符串替换 about blog HOT 17 OPEN

jawil commented on May 21, 2024 37

一行代码实现一个简单的模板字符串替换

from blog.

Comments (17)

jawil commented on May 21, 2024 8

老规矩，发文章送1024邀请码，一切随缘~

2bd7d4ca56f52c31 | 2018-03-05 00:24:05 | 未使用 | 邀请

689e1bf281ae43ae | 2018-03-05 00:24:05 | 未使用 | 邀请

已注册，请勿再试~ 大晚上不睡觉，抢码真够迅速
2bd7d4ca56f52c31 | 2018-03-05 00:24:05 | cowboys | 2018-03-05 00:30:01 | 已邀请 |

689e1bf281ae43ae | 2018-03-05 00:24:05 | nicolaszz | 2018-03-05 00:28:25 | 已邀请

from blog.

jawil commented on May 21, 2024 3

还不如搞个一行代码获取1024邀请码😂 @Michaelooo

from blog.

deepred5 commented on May 21, 2024 1

大佬在1024上班？

from blog.

xgqfrms commented on May 21, 2024 1

template-engine

regex

https://github.com/topics/template-engine

from blog.

ClarenceC commented on May 21, 2024

感觉还在研究文章，码就给抢完了。
自己实现模版字符串变量实现有点意思了

from blog.

jamninetyfive commented on May 21, 2024

老铁 1024地址可否私一个

from blog.

huaibaomengxiang commented on May 21, 2024

我是老实人这个码能干吗？

from blog.

Michaelooo commented on May 21, 2024

大佬开个专题：一行代码带你入门1024系列

from blog.

libin1991 commented on May 21, 2024

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function parseString(str, obj) {    //微醺岁月的
				Object.keys(obj).forEach(key => {
					str = str.replace(new RegExp(`{{${key}}}`, 'g'), obj[key]);
				});
				return str;
			}

			function test(str, obj) {   //我的
				let _s = str.match(/\{\{([\w_$-])+\}\}/g);  //   let _s = str.match(/\{\{([^{}])+\}\}/g);
				for(let k in _s) {
					var i = _s[k].slice(2, -2);
					str = str.replace(_s[k], obj[i]);
				}
				return str
			}
			const str = "{{na$me}}很厉name害{{na$me}}，才{{ag-e}}岁{{cit_y}}";
			const obj = {
				'na$me': "jawil",
				'ag-e': "15",
				'cit_y': "bj"
			};
			console.log(parseString(str, obj));
			console.log(test(str, obj));
		</script>
	</head>

	<body>
	</body>

</html>

from blog.

XinChou16 commented on May 21, 2024

当数据为多层时，一行代码还是解决不了，我之前也做了一个轻量级的模板引擎，https://github.com/XinChou16/simpTpl

var data = {
   name:'xxx',
  hometown:{
       'xxx'
    }
}

from blog.

jiamianmao commented on May 21, 2024

大胸弟，看你去年探讨浏览器渲染机制问题，颇感兴趣，不知道有没有输出一些博客资料呢？

from blog.

jawil commented on May 21, 2024

https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/

@jiamianmao

from blog.

huaibaomengxiang commented on May 21, 2024

大兄弟你的blog不见了改地址了么

from blog.

misty0304 commented on May 21, 2024

又出新文章了啊，路过学习了

from blog.

xCss commented on May 21, 2024

https://github.com/trix/nano

from blog.

ICELI commented on May 21, 2024

function get(path, obj, fb) {
  return path.split('.').reduce((res, key) => res[key] || fb, obj);
}

function parseTpl(template, map, fallback) {
  return template.replace(/\${([^{]+)}/g, (match, $1) => {
    const path = $1.trim();
    return get(path, map, fallback || match);
  });
}

export default parseTpl;

from blog.

lq782655835 commented on May 21, 2024

图片有个谬误：~~\w 匹配字母~~

正解：
\w: 匹配一个单字字符（字母、数字或者下划线）。等价于 [A-Za-z0-9_]。

出处MDN

from blog.

一行代码实现一个简单的模板字符串替换 about blog HOT 17 OPEN

Comments (17)

template-engine

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent