input输入框输入数组、json后转为object格式

最新推荐文章于 2024-02-04 09:49:36 发布

熊叁(san)

最新推荐文章于 2024-02-04 09:49:36 发布

阅读量3.2k

点赞数 1

分类专栏：前端笔记

本文链接：https://blog.csdn.net/littlebearGreat/article/details/88344369

版权

前端笔记专栏收录该内容

126 篇文章

订阅专栏

很久没写文章了，来一篇

有些需求是用户在输入框中输入数组、json对象，我们拿到后转成object格式。

用户输入的时候不可能严格的按照标准的json字符串格式来输入，所以用JSON.parse()来解析会很不友好，这时候可以使用eval()来解析。

下面是代码（jquery自己引入）

<!DOCTYPE html>
<html>
<head>
	<title>json</title>
	<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
	<textarea name="" cols="30" rows="10" id="ipt"></textarea>
	<button class="btn">测试</button>

<script type="text/javascript">
	$(function() {
		$('.btn').click(function() {
			var ipt_text = $('#ipt').val();

			// 去除空格
			var ipt_str = ipt_text.replace(/\s*/g,"");

			// 构建函数字符串，供eval解析
			var fun_str = 'get(' + ipt_str + ')';
			
			var result;
			try {
				result = eval(fun_str);
			}
			catch(err) {
				// 这里可以给用户一些提示，让输入数组或json格式，而不是其它类型的字符串
				console.log('错误了');
				console.log(err);
			}
			console.log(result);
			console.log(typeof(result));
		})

		function get(text){
			return text;
		}
	})
</script>
</body>
</html>