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

"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. 知识点:Java 集合框架图

    知识点:Java 集合框架图 总结:Java 集合进阶精讲1 总结:Java 集合进阶精讲2-ArrayList Java集合框架图 我们经常使用的Arrayist.LinkedList继承的关系挺复 ...

  2. [图文教程]VS2017搭建opencv & C++ 开发环境

    首先从官网下载OpenCV最新版本 截至我写这文章,4.0已经发布预览版了,不过在这是没有的,只能用3.4.2: https://opencv.org/releases.html 一:安装 安装过程不 ...

  3. 代码:CSS——reset.css

    http://www.cnblogs.com/qq21270/p/5577856.html 图片列表 A链接标签: /* 链接样式.文字颜色 */ a{color:#666;text-decorati ...

  4. python3爬虫入门程序

    适用于有且只有一点Python3和网页基础的朋友,大牛&路人请绕道 (本文很多废话,第一次在网上长篇大论,所以激动的停不下来,如果有大佬路过,也希望不要直接绕道,烦请指点一二) 感谢博客园给了 ...

  5. html2canvas html截图插件

    以下我总结了一些注意事项,在代码中注释了,仅供参考. html2canvas.js点击付:完整使用的demo ,如下: <!DOCTYPE html><html lang=" ...

  6. 异步请求Ajax(取得json数据)

    异步请求Ajax 没有学习Ajax之前请求数据的时候都是整个页面全部刷新了一次,也就是每次请求都会重新请求所有的资源.但是在很多时候不需要页面全部刷新,仅仅是需要页面的局部数据刷新即可,此时需要发送异 ...

  7. python abc模块

    面向对象的设计中,抽象类,接口这些必不可少的东西,在python中是如何提现的呢? python作为一个动态语言,没有强类型的检查,而是以鸭子类型的方式提现,在执行的时候python不严格要求你必须是 ...

  8. idea导入项目

    1. 2.导入项目 3.右键项目选择web 4.编辑添加tomcat 5.添加jar.包 6. 7.右键put into 8.安装tomcat 9.引入tomcat 10.把项目布署到tomcat

  9. 【FZSZ2017暑假提高组Day1】最大矩形

    [问题描述] 现在有n个宽度为1的矩形按如下图(左边的)所示的方式排在了一起: 用肉眼容易看出,在左图内部面积最大的矩形如右图绿色部分所标注. 现在我们考虑将其中一些宽度为1的矩形取出,按照原顺序再次 ...

  10. docker报错

    用docker搭建环境时可能会遇到错误:No releases available for package "xxxx" No releases available for pac ...