String对象是迄今为止在JavaScript中最常用的对象。在你定义一个字符串数据类型的变量的任何时候,JavaScript就自定为你创建一个String对象。例如:

  var myStr = "Hello world";

  当创建一个字符串时,有一些特殊字符是不能直接添加到字符串中的。针对那些字符,JavaScript提供了一组转义码,如下表所示:

String对象的转义码

转义码 说  明 示  例 输出字符串
\' 单引号 "couldn\'t be" couldn't be
\" 双引号 "I \"think" I "am"" I "think" I "am"
\\ 反斜杠 "one\\two\\three" one\two\three
\n 换行符 "I am\nI said"

I am

I said

\r 回车符 "to be\ror not"

to be

or not

\t 制表符 "one\ttwo\tthree" one two three
\b 退格符 "correctoin\b\b\bion" correction
\f 换页符 "Title A\fTitle B" Title A 然后 Title B

  你可以使用String对象的length属性确定一个字符串的长度,如下例所示:

  var numOfChars = myStr.length;

  String对象有许多函数,使你可以以不同的方式访问和操作字符串。用于字符串操作的方法如下表所示:

操作String对象的方法

方 法 说 明
  charAt(index)   返回指定索引处的字符  
  charCodeAt(index)   返回指定索引处的字符的Unicode值
  concat(str1,str2,...)   连接两个或多个字符串,返回连接后的字符串的副本
  formCharCode()   将Unicode值转换成实际的字符  
  indexOf(subString)   返回指定的subString值第一次出现的位置。如果没有找到subString,返回-1  
  lastIndexOf(subString)   返回指定的subString值最后出现的位置。如果没有找到subString,返回-1
  match(regex)   搜索字符串,并返回正则表达式的所有匹配  

  replace(subString/regex),

  replacementString)

  搜索字符串的字符串 或正则表达式匹配,并用新的子串替换匹配的子串 
  search(regex)   基于正则表达式搜索字符串,并返回第一个匹配的位置  
  slice(start,end)   返回字符串的start和end(不含)位置之前的部分的一个新字符串  
  split(sep,limit)   根据分隔符或正则表达式,把字符串分割为子字符串数组。可选的limit参数定义从头开始执行分割的最大数量  
  substr(start,length)   从字符串指定的start位置开始,并按照指定的字符length(长度)提取字符  
  substring(from,to)   返回字符索引在from与to(不含)之间的字符  
  toLowerCase()   将字符串转换为小写
  toUpperCase()   将字符串转换为大写
  valueOf()   返回原始字符串值

 

  1、合并字符串

  你可以使用+操作符或使用第一个字符串上的concat()函数将多个字符串合并。例如,在下面的代码中,sentence1和centence2将是相同的:

    var word1 = "Today";

    var word2 = "is";

    var word3 = "tomorrows\'";

    var word4 = "yesterday.";

    var sentence1 = word1+word2+word3+word4;

    var sentence2 = word1.concat(word2,word3,word4);

  2、在字符串中搜索子串

  要确定一个字符串是否是另一个字符串的子字符串,可以使用indexOf()方法。例如,下面的代码只有当字符串包含单词think时,才把它写入控制台:

    var myStr = "I think, therefore I am.";

    if (myStr.indexOf("think") != -1){

      console.log(myStr);

    }

  3、在一个字符串中替换单词

  另一种常见的String对象的任务是把一个子串替换为另一个。要替换字符串中的单词或短语,可以使用replace()方法。下面的代码用变量username的值来替换文本"<username>":

    var username = "Brad";

    var output = "<username>please enter your password";

    output.replace("<username>",username);

  4、将字符串分割成数组

  对于字符串,一个非常常见的任务是使用分隔符将它们分割成数组。例如,下面的代码在":"分割符上使用split()方法将一个时间字符串转换成他的基本组成部分的数组:

    var t = "12:10:36";

    var tArr = t.split(":");

    var hour = tArr[0];

    var mimute = tArr[1];

    var second = tArr[2];

JavaScript基础——处理字符串的更多相关文章

  1. JavaScript基础:字符串转换函数——String()和toString()

    1..toString()可以将所有的的数据都转换为字符串,但是要排除null 和 undefined 例如将false转为字符串类型 <script>   var str = false ...

  2. JavaScript基础06——字符串

    字符串的创建: 字符串的创建: var str = "hello world"; //常量,基本类型创建 var str2 = new String("hello wor ...

  3. 从零开始学习前端JAVASCRIPT — 3、JavaScript基础string字符串介绍

    1:字符串 JS中的任何数据类型都可以当作对象来看.所以string既是基本数据类型,又是对象. 2:声明字符串 基本数据类型:var sStr = '字符串'; 对象的方法:var oStr = n ...

  4. JavaScript基础进阶之常用字符串方法总结

    前面三篇文章简单的把JavaScript基础内容过了一遍,我们已经可以用JavaScript写一些简单的代码了. 今天主要总结一下JavaScript中String对象中自带的一些方法,来帮助我们处理 ...

  5. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  6. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  7. 一步步学习javascript基础篇(3):Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  8. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  9. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

随机推荐

  1. 淘宝(阿里百川)手机客户端开发日记第十五篇 JSON解析(四)

    解析一个从淘宝传递的JSON (大家如有兴趣可以测试下):{ "tae_item_detail_get_response": { "data": { " ...

  2. BZOJ3052——糖果公园

    0.题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=3052 1.题目大意:给定一颗n个点的无根树,每个点有一个颜色,要进行q次操作,有两种操 ...

  3. UIMenuController使用

    - (void)bubbleDidLongPress:(UILongPressGestureRecognizer *)gestureRecognizer { if(gestureRecognizer. ...

  4. call(),apply()和bind()

    三个函数都是Function对象自带的三个方法,主要作用是改变函数中this的指向. call() 语法 fun.call(thisArg[, arg1[, arg2[, ...]]]) 该方法可以传 ...

  5. 2015校招网易C/C++工程师笔试题(附答案)

    1. #include < filename.h >和#i nclude “filename.h” 有什么区别?   答:对于#i nclude < filename.h >, ...

  6. ThinkPHP函数详解:F方法(快速缓存方法)

    在Think中S方法的用法,F方法其实是S方法的一个子集功能, 仅用于简直数据缓存,并且只能支持文件形式,不支持缓存有效期,因为采用 的是PHP返回方式,所以其效率较S方法较高,因此我们也称之为快速缓 ...

  7. 网络数据包发送工具PacketSender中文源码

    在网上发现了一个好用的工具PacketSender,数据包发送器.对于写网络程序来说,有很大的便利性.虽然在linux下,netcat工具也很好用,但是这个也不错. 原本是英文的,给翻译了一下.这是基 ...

  8. 16 BasicHashTable基本哈希表类(三)——Live555源码阅读(一)基本组件类

    这是Live555源码阅读的第一部分,包括了时间类,延时队列类,处理程序描述类,哈希表类这四个大类. 本文由乌合之众 lym瞎编,欢迎转载 http://www.cnblogs.com/oloroso ...

  9. Nginx 使用 sever 段规则屏蔽恶意 User Agent

    相对于 Apache,Nginx 占用的系统资源更少,更适合 VPS 使用.恶意的 User Agent 无处不在,博客更换到 WordPress 没几天,就被 SPAM(垃圾留言)盯上,又被暴力破解 ...

  10. android SDK manager 无法获取更新版本列表

    打开SDK Manager---Tools---Options,填入如下代理和端口,勾选选项也如下. 网址:mirrors.neusoft.edu.cn 端口:80 99%是成功的 参考:http:/ ...