使用.split()取出并修改字符串的某些部分,以不同的方式修改和显示它们
using .split() to take out and modify certain parts of a string, modifying and displaying them differently JavaScript
我想从响应中拆分'示例响应'和'示例请求',我在markdown文件中获得,并希望在我的html页面上的h3标签中显示它们,但我不知道如何使用JavaScript。split(),因为我不能编写脚本来删除一定数量的字符,因为会有其他响应,这将是不同的。
示例请求:https://somelink.com/
示例响应:
{
head: { .... },
data: [
{
blah: "bl4h, blah, bl4h"
}
]
}
我认为你不希望分割响应(在例如Example Request
的位置),而是选择它的不同部分并以不同的方式显示它们。正则表达式的一个很好的用例。
function parse(raw) {
var elements = raw.match(/(.|['r'n])*(Example Request)((.|['r'n])*)(Example Response)((.|['r'n])*)/i).slice(2);
console.log(elements);
return '<h3>' + elements[0] + '</h3><p>' + elements[1] + '</p><h3>' + elements[3] + '</h3><pre>' + elements[4] + '</pre>';
}
document.getElementById('action').addEventListener('click', function() {
var raw = document.getElementById('text').value;
document.getElementById('result').innerHTML = parse(raw);
});
textarea { display: block; width: 100%; height: 5em; }
<textarea id="text"></textarea><button id="action">render</button>
<div id="result"></div>
这实际上很棘手。您还必须匹配换行符((.|['r'n])
),这会生成不必要的组(从elements[1]
跳到elements[3]
)。这是第一个提示,有很多东西永远不应该出现在生产代码中。
相关文章:
- 为什么这在IE中的工作方式与在Firefox中不同
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 在Safari执行javascript之前对其进行修改
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 在localhost Dev Box上测试JSONP请求的最佳方式
- 使用javascript存储变量的最安全方式
- 以可优化的方式使用requirejs加载模板
- 从客户端获取修改后的对象,并将其与服务器上的原始对象组合
- 用触摸和观察的方式触摸修改过的文件
- 修改 HTML 的方式使左键应带到下一个 URL
- 如何修改我的 jQuery 以更新以不同方式激活的切换按钮上的 html
- 通过web界面修改自定义配置文件的最佳方式
- 定义可能需要在AngularJS中修改$scope数据的实用程序/帮助程序方法的理想方式是什么
- Java/jsp使用一个javascript方法以不同的方式修改多个表单
- 如何以编程方式修改PDF文件中的javascript事件
- 使用.split()取出并修改字符串的某些部分,以不同的方式修改和显示它们
- 修改(补丁)流星包在一个干净的方式-流星
- 以编程方式修改工作灯适配器中的凭据
- 以函数方式修改对象的属性
- 以编程方式决定在javascript中修改哪个样式属性