一、单引号字符串内部可以使用双引号,双引号字符串内部也可以使用单引号

"hello 'world'"
'welcome "to" js'

二、多行和转义

如果要在单引号字符串的内部,使用单引号(或者在双引号字符串的内部,使用双引号),就必须在内部的单引号(或者双引号)前面加上反斜杠,用来转义。

var str ="Did you \"love\" me"
var str ='Did you \'love\' me'

字符串默认只能写在一行内,分成多行将会报错。

'a
b
c'
// SyntaxError: Unexpected token ILLEGAL

上面代码将一个字符串分成三行,JavaScript就会报错

方法一:如果长字符串必须分成多行,可以在每一行的尾部使用反斜杠。

var str ="welcome come to\
chongqing.welcome to\
chongqing\
"

上面代码表示,加了反斜杠以后,原来写在一行的字符串,可以分成多行,效果与写在同一行完全一样。注意,反斜杠的后面必须是换行符,而不能有其他字符(比如空格),否则会报错。

方法二:连接运算符(+)可以连接多个单行字符串,用来模拟多行字符串。

var str ="welcome come to"+
"chongqing.welcome to"+
"chongqing"

三、长度计算 str.length

var str = "hello";
console.log( str.length );//

四、字符串截取

1、substr(a,b)第一个参数是开始的位置,第二个参数是截取的长度

var str = "welcome to javascript"
console.log(str.substr(1,3))//elc

2、substring(a,b)第一个参数是开始的位置,第二个参数是结束的位置,区间为[a,b)

var str = "welcome to javascript"
console.log(str.substring(1,3))//el

3、slice(a,b) 同上

五、字符串分割为数组 split(?)

var str = "we lc ome"
console.log(str.split(" "))//["we", "lc", "ome"]

六、查询子字符串

1、indexOf(?) 从字符串开头开始查找,找到返回对应坐标并退出,找不到返回-1并退出(不支持正则)

var str = "we lc ome"
console.log(str.indexOf("e"))//

2、lastIndexOf(?)从字符串末尾开始查找,找到返回对应坐标并退出,找不到返回-1并退出(不支持正则)

var str = "we lc ome"
console.log(str.lastIndexOf("e"))//

七、字符串匹配

1、match(?) 该函数在字符串上调用,并且接受一个参数(可以是正则),返回匹配的数组,否则返回null

var str = "hello my world";
var s3 = str.match(/o/g);
console.log(s3)//["o","o"]

2、search(?) 跟indexOf()基本类似,找到匹配字符串返回对应坐标,找不到返回-1,不同之处在于,search可以使用正则表达式,indexof不能使用正则表达式,如果是查找具有某些特征的字符串(比如查找以L开头,后面是数字的字符串),那么indexOf()就无能为力,必须要使用正则表达式和search()方法了

var str = "hello my world";
var s1 = str.search(/o/g);
console.log(s1)//

八、trim()方法用来删除字符串前后的空格

var str="   hello world   ";
console.log(str.trim());//hello world

九、replace(a,b)方法,第一个参数是要被替换的字符串,第二个参数是替换的字符串(第一个参数是一个字符,只找到最近的一个替换,第一个参数如果是正则,可以找到并替换所有符合的字符串)

//第一个参数为字符串
var str = "hello my world";
var s2 = str.replace('o', 'your');
console.log(s2)//hellyour my world
//第一个参数为正则表单
var str = "hello my world";
    var s2 = str.replace(/o/g, 'your');
    console.log(s2)//hellyour my wyourrld

十、大小写转换

var str = "Hello";
str.toUpperCase();//HELLO
str.toLowerCase();//hello

  欢迎加入大前端交流群!群号:277942610,VIP新群

javascript字符串方法总结的更多相关文章

  1. javascript 字符串方法传参

    javascript 字符串方法传参由于嵌套的单引号,双引号过多.有点混乱.. 正确方法如下: '   <td align="left"><input type= ...

  2. 20个常用的JavaScript字符串方法

    摘要: 玩转JS字符串. 原文:JS 前20个常用字符串方法及使用方式 译者:前端小智 Fundebug经授权转载,版权归原作者所有. 本文主要介绍一些最常用的JS字符串函数. 1. charAt(x ...

  3. 【JS】369- 20个常用的JavaScript字符串方法

    点击上方"前端自习课"关注,学习起来~ 作者:前端小智 https://segmentfault.com/a/1190000020204425 本文主要介绍一些最常用的JS字符串函 ...

  4. javascript 字符串方法名调用

    项目中有时候需要通过字符串传递方法名称,供页面调用 var ParameterDefaultCallMethod = Request("ParameterDefaultCallMethod& ...

  5. 常用JavaScript字符串方法简述

    网址来源:http://www.html-js.com/article/JS-rookie-in-the-rookie-to-start-learning-to-fly-the-commonly-us ...

  6. 12.JavaScript字符串方法

    JS字符串常用方法总结 动态方法:1.str.charAt(index);  返回子字符串,index为字符串下标,index取值范围[0,str.length-1] 动态方法:2.str.charC ...

  7. javascript字符串方法学习汇总

    1.charAt(index) charAt(index):返回字符串中指定位置的字符 var str = 'abcdefghi'; console.log(str.charAt()); // 输出 ...

  8. 18 JavaScript字符串方法

    indexOf():从头到尾进行检索.返回指定文本在字符串最后一次出现的索引,否则返回-1.可以指定第二个参数作为起始位置. lastIndexOf:从尾到头进行检索.返回指定文本最后出现的位置,否则 ...

  9. JS字符串方法总结整理

    //javascript字符串方法总结   1.String.charAt(n)      //取得字符串中的第n个字符   2.String.charCodeAt(n)  //取得字符串中第n个字符 ...

随机推荐

  1. 4th Dec 2018

    两个人都觉得自己没错,或者对方都把错误归结于另外一方,总会盯着对方的不足,无限放大:谁都不肯先放下兵器,亦或害怕自己放下了兵器,对方又拿起了盾.这就好像双方在同一时间拉扯一根皮筋,拉扯的越长,张力越大 ...

  2. vim中行末去掉^M

    方式1: 输入 :%s/^M//g 方式2: 输入:%s/\r//g

  3. Vue--父子组件之间的传值

    1.父传子 1.在父组件中给子组件绑定动态属性 <v-home :title="title"></v-home> 2.在子组件中用propos[]接收 ex ...

  4. ADO.NET链接数据库封装方法

    /// <summary>        /// 获取一个表        /// </summary>        /// <param name="sql ...

  5. J2EE十三个技术规范

    从事Java开发的童鞋都知道,java是一种非常棒的语言,能够实现跨平台运行.它屏蔽了具体的平台环境的要求,也就是说,无论是windows,还是Unix.Linux系统,只要支持Java虚拟机,就可以 ...

  6. 什么是Java序列化,如何实现java序列化

      简要解释: 序列化就是一种用来处理对象流的机制,所谓对象流也就是将对象的内容进行流化.可以对流化后的对象进行读写操作,也可将流化后的对象传输于网络之间. 序列化是为了解决在对对象流进行读写操作时所 ...

  7. leetcode309

    使用动态规划,下面的代码可以通过210个测试,最后1个(第211个)会超时.说明思路是正确的,但是其中有一些是无效的计算. class Solution { public: int maxProfit ...

  8. c# JSON格式转对象

    using Newtonsoft.Json; List<string> ChapterIdList = JsonConvert.DeserializeObject<List<s ...

  9. layer.js 中弹框显示不全的问题

    在使用 layer.js 做弹框的时候,遇到在浏览器缩小时,弹框显示不全的问题,如下: 这是不行的,因为我们有的时候想缩小浏览器视窗,但是一旦缩小到一定程度,就会把弹窗的关闭按钮遮住一部分,并且主体弹 ...

  10. canvas刮刮乐游戏等

    裁剪 ctx.clip():当前路径外的区域不再绘制 <canvas id="cans" width=500 height=500></canvas> &l ...