`
yiding_he
  • 浏览: 446109 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

在 JavaScript 中如何创建多行字符串(JavaScript Multiline String)

阅读更多
最基本的做法是:
js 代码
 
  1. var str = "111\n222\n333";  

但是这样不好排版。JavaScript 本身支持“\”的断句方式,于是可以这样写:
js 代码
 
  1. var str = "111\n\ 
  2. 222\n\ 
  3. 333";  

但是还是不爽,平白无故加上了一个反斜杠。有人提出利用 XML 结构来实现,但是具有语法高亮的编辑器通常会被这种写法弄糊涂。

高人无处不在,有人竟然利用注释。个人觉得这是最方便的了。我将其改了一下:
js 代码
 
  1. Function.prototype.getMultiLine = function() {  
  2.     var lines = new String(this);  
  3.     lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/"));  
  4.     return lines;  
  5. }  
  6.   
  7. var ffff = function() {  
  8.     /* 
  9.     张三去倒水<br/> 
  10.     <strong>天哪!</strong> 
  11.     */  
  12. }  
  13.   
  14. document.write(ffff.getMultiLine());  

这样虽然多写了一点,但是能够保持多行文本的原样,值得。
分享到:
评论
4 楼 zhybxyz 2018-05-14  
很巧妙的方法! 请问可以传递参数吗?
3 楼 SXLee 2009-07-15  
2 楼 kjah 2009-03-04  
ff无效  
1 楼 yvfish 2008-07-15  
实在是妙啊!

相关推荐

    javascript-multiline-string:javascript 多行字符串解决方案

    在JavaScript编程中,多行字符串处理是一个常见的需求。在早期版本的JavaScript中,编写多行字符串通常需要使用字符串连接操作符(+)或者反斜杠(\)来实现,但这种方式并不直观,且代码可读性较差。随着语言的发展...

    multiline-string-to-javascript-converter:将多行字符串转换为 javascript 变量赋值的实用程序

    #Multiline string to Javascript variable converter 这是一个小实用程序,可帮助您将多行字符串转换为 javascript 变量赋值。 支持的格式: 用“+”连接字符串 使用Array.join('')加入数组 带反斜杠 \ 的字符串...

    javascript正则表达式和字符串RegExp and String(一).docx

    ### JavaScript 正则表达式和字符串RegExp and String详解 #### 前言 正则表达式作为 JavaScript 中一种特别重要且常用的功能,在诸如 jQuery 等大型框架中使用得非常频繁。本文旨在深入探讨 JavaScript 中正则...

    javascript正则表达式和字符串RegExp and String(一)

    - `m`:多行模式,使得在多行字符串中,正则表达式能够分别对每一行应用行首(^)和行末($)的匹配规则。 在创建了正则表达式后,我们可以通过实例属性来了解正则表达式的一些信息。例如,`regx1.source`、`regx1....

    JavaScript RegExp 正则表达式对象详细说明

    JavaScript中的RegExp对象是用于处理正则表达式的内置对象,它提供了...掌握正则表达式在JavaScript中的使用对于处理字符串操作至关重要,无论是简单的查找、替换还是复杂的模式匹配,都能大大提高代码的效率和灵活性。

    JavaScript正则表达式之multiline属性的应用

    总的来说,JavaScript的`multiline`属性是正则表达式中一个重要的特性,它允许我们在处理多行文本时更加灵活,使"^"和"$"能够匹配每一行的开头和结尾,而不是整个字符串。理解并正确使用这个属性,能帮助我们编写出...

    JavaScript面向对象编程PPT教案学习.pptx

    RegExp对象的方法如`exec()`用于在字符串中执行匹配,`test(subject)`检测字符串是否匹配,以及`source`、`global`、`ignoreCase`、`multiline`和`lastIndex`属性获取正则表达式的特征。 Function对象是JavaScript...

    javascript RegExp 用法说明_.docx

    正则表达式在JavaScript中是非常强大的工具,通过灵活运用不同的创建方式和方法,可以帮助开发者高效地处理字符串数据。理解和掌握正则表达式的各种特性和方法对于编写高效、健壮的应用程序至关重要。

    正则表达大总结(Java正则表达30分钟入门教程 JavaScript正则表达)

    在JavaScript中,正则表达式可以直接作为字面量(如`/pattern/`)或字符串(`new RegExp("pattern")`)创建。例如,同样检查邮箱地址的函数可以写为: ```javascript function validateEmail(email) { var regex =...

    Javascript 70条

    使用`search()`方法查找子字符串在字符串中的位置。例如: ``` var myVariable = "Hellothere"; var therePlace = myVariable.search("there"); document.write(therePlace); ``` ### 十、字符串替换 使用`replace...

    react-multiline-ellipsis:React高阶组件以创建多行椭圆框

    原料药省略号(componentClass,numberOfLines [,省略号String]) 范围类型描述componentClass 班级名称组件类名称numberOfLines 数字我们希望组件具有的文本行数省略号(可选) 细绳我们要用作省略号的字符串...

    Javascript 编程常用函数属性及方法

    - `indexOf(searchValue[, fromIndex])`: 返回搜索值在字符串中的位置。 - `lastIndexOf(searchValue[, fromIndex])`: 返回最后一次出现的位置。 - `localeCompare(otherString[, locales[, options]])`: 比较...

    javaScript对象结构图

    在JavaScript中,`String`对象提供了丰富的属性和方法来帮助开发者操作字符串。 ##### 1. 构造函数 - **构造函数**: `new String(value)` - **描述**: 用于创建一个新的字符串对象。 - **参数**: - `value`: 要...

    javascript文档

    indexOf 方法 返回在 String 对象中第一次出现子字符串的字符位置。 不相等运算符 (!=) 比较两个表达式,看是否不相等。 Infinity 属性 返回 Number.POSITIVE_INFINITY 的初始值。 input 属性 返回进行查找的...

    JS正则表达式中文教程

    ### JS正则表达式中文教程知识点详解 #### 一、正则表达式的基本用途 正则表达式在JavaScript中有着广泛的应用,主要包括以下...掌握这些基本概念和方法,能够帮助我们在实际开发中更加高效地处理字符串相关的任务。

    微软JavaScript手册

    indexOf 方法 返回在 String 对象中第一次出现子字符串的字符位置。 不相等运算符 (!=) 比较两个表达式,看是否不相等。 Infinity 属性 返回 Number.POSITIVE_INFINITY 的初始值。 input 属性 返回进行查找的...

Global site tag (gtag.js) - Google Analytics