`
rcatws
  • 浏览: 5722 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript 笔记 7 - 字符串对象

 
阅读更多

JavaScript 字符串(String)对象
String 对象用于处理已有的字符块。
一个字符串可以使用单引号或双引号。
使用位置(索引)可以访问字符串中任何的字符。字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。
可以在字符串中使用引号。字符串由单引号包括时,字符串可以直接使用双引号;字符串由双引号包括时,字符串可以直接使用单引号。
或者在字符串中使用转义字符。

 

转义字符

代码 输出

\'

单引号
\" 双引号
\\ 反斜杠
\n 换行
\r 回车
\t tab(制表符)
\b 退格符
\f 换页符

 

String对象属性

属性 描述
constructor 对创建该对象的函数的引用
length 字符串的长度
prototype 允许您向对象添加属性和方法

 

String对象方法

方法 描述
charAt() 返回在指定位置的字符。
charCodeAt() 返回在指定的位置的字符的 Unicode 编码。
concat() 连接两个或更多字符串,并返回新的字符串。
fromCharCode() 将 Unicode 编码转为字符。
indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。
lastIndexOf() 从后向前搜索字符串。
match() 查找找到一个或多个正则表达式的匹配。
replace() 在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。
search() 查找与正则表达式相匹配的值。
slice() 提取字符串的片断,并在新的字符串中返回被提取的部分。
split() 把字符串分割为字符串数组。
substr() 从起始索引号提取字符串中指定数目的字符。
substring() 提取字符串中两个指定的索引号之间的字符。
toLowerCase() 把字符串转换为小写。
toUpperCase() 把字符串转换为大写。
trim() 去除字符串两边的空白。
valueOf() 返回某个字符串对象的原始值。

 

测试代码

 

var txt = 'Hello World!';  
	
document.writeln('<h3>测试字符中为: "' + txt + '", 变量名为txt。</h3>');  
	
//字符串属性length的使用  
document.writeln('<p>' + 'length属性的值是:' + txt.length + '</p>');  
	
//函数charAt(n),返回字符中指定位置的字符  
document.writeln('<p>' + 'txt.charAt(4) = ' + txt.charAt(6) + '</p>');  
document.writeln('<p>' + 'txt.charAt(20) = ' + txt.charAt(20) + '</p>');  

//函数replace(searchvalue,newvalue), 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
document.writeln('<p>' + 'txt.replace("World", "Test") = ' + txt.replace('World', 'Test') + '</p>');
document.writeln('<p>' + 'txt.replace(/o/g, "a") = ' + txt.replace(/o/g, 'a') + '</p>');

//函数split(separater [,limit]), 用于把一个字符串分割成字符串数组。
document.writeln('<p>' + 'txt.split(" ") = ' + txt.split(' ') + '</p>');
document.writeln('<p>' + 'txt.split(" ", 1) = ' + txt.split(' ', 1) + '</p>');

/////////////
//字符串检索	
/////////////
//函数indexOf(str),返回某个指定的字符串在字符串中首次出现的位置  
document.writeln('<p>' + 'txt.indexOf("World") = ' + txt.indexOf('World') + '</p>');  
document.writeln('<p>' + 'txt.indexOf("world") = ' + txt.indexOf('world') + ' , 查找区分大小的,没有找到返回-1。</p>');  
document.writeln('<p>' + 'txt.indexOf("o") = ' + txt.indexOf('o') + '</p>');
document.writeln('<p>' + 'txt.indexOf("o", 6) = ' + txt.indexOf('o', 1) + '</p>');

//函数lastIndexOf(str),从后向前搜索字符串  
document.writeln('<p>' + 'txt.lastIndexOf("o") = ' + txt.lastIndexOf('o') + '</p>'); 

//函数search(searchvalue), 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
document.writeln('<p>' + 'txt.search("or") = ' + txt.search('or') + '</p>');
document.writeln('<p>' + 'txt.search(/o/g) = ' + txt.search(/o/g) + '</p>');
document.writeln('<p>' + 'txt.search(/z/g) = ' + txt.search(/z/g) + '</p>');

//函数match(regexp),在字符串内检索指定的值,或找到一个或多个正则表达式的匹配
document.writeln('<p>' + 'txt.match("or") = ' + txt.match('or') + '</p>');
document.writeln('<p>' + 'txt.match(/o/g) = ' + txt.match(/o/g) + '</p>');
document.writeln('<p>' + 'txt.match(/z/g) = ' + txt.match(/z/g) + ' , 没有找到返回null</p>');

/////////////
//字符串截位
/////////////
//函数substr(start [,length]), 可在字符串中抽取从start下标开始的指定数目的字符。 
//函数slice(start [,end]),方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
//函数substring(start [,end]),方法返回的子串包括start处的字符,但不包括end处的字符。
document.writeln('<p>' + 'txt.substr(4) = ' + txt.substr(4) + '</p>');
document.writeln('<p>' + 'txt.slice(4) = ' + txt.slice(4) + '</p>');
document.writeln('<p>' + 'txt.substring(4) = ' + txt.substring(4) + '</p>');

document.writeln('<p>' + 'txt.substr(3, 3) = ' + txt.substr(3, 3) + '</p>');
document.writeln('<p>' + 'txt.slice(3, 3) = ' + txt.slice(3, 3) + '</p>');
document.writeln('<p>' + 'txt.substring(3, 3) = ' + txt.substring(3, 3) + '</p>');

document.writeln('<p>' + 'txt.slice(-8, -2) = ' + txt.slice(-8, -2) + '</p>');
document.writeln('<p>' + 'txt.slice(-2, -2) = ' + txt.slice(-2, -2) + '</p>');

document.writeln('<p>' + 'txt.substring(2, 30) = ' + txt.substring(2, 30) + '</p>');

//函数toLowerCase()用于把字符串转换为小写。
document.writeln('<p>' + 'txt.toLowerCase() = ' + txt.toLowerCase() + '</p>');

//函数toUpperCase()用于把字符串转换为大写。
document.writeln('<p>' + 'txt.toUpperCase() = ' + txt.toUpperCase() + '</p>');

 

总结整理
  • 不要创建 String 对象。它会拖慢执行速度,并可能产生其他副作用

indexOf与search

  • indexOf只能使用字符串检索,search即使用字符串检索,也可以使用正则表达式进行检索。
  • indexOf可以指定开始检索的位置,search不能指定。
  • indexOf(字符串)等价与search(字符串)。


substr、slice与substring

  • substr第2个参数为截取的长度,slice、substring第2个参数为截取的最后前1位。
  • slice的参数可以为负数或者正数,substring的参数只能是正数。

 

分享到:
评论

相关推荐

    JavaScript基础语法资料 JavaScript代码 素材 笔记 作业资料.zip

    JavaScript基础语法资料 JavaScript代码 素材 笔记 作业资料,学习资料 01-编程语言.html 02-JS初体验.html 03-JS注释.html 04-JS输入输出语句.html 05-变量.html 06-变量案例.html 07-变量案例弹出用户名.html 08-...

    javascript学习笔记2

    js基础学习笔记 --------字符串与事件对象总结

    菜鸟的Javascript笔记.rar

    这个菜鸟的笔记里面没有谈到JavaScript中的对象,比如说时间对象和字符串对象,这些内容可以在“菜鸟的JavaScript对象笔记”中找到。不过因为小菜鸟个人认为HTML DOM比其它的JavaScript对象更常用一些(不过这可不...

    模板字符串 - JavaScript _ MDN.pdf

    MDN上关于模板字符串的页面, 浏览器打印成pdf, 用注释记了笔记,作为对应博客的附属资料,方便读者离线阅读.

    JavaScript笔记

    |--x.toString():用于把一个 Number 对象转换为一个字符串,并返回结果 19.正则表达式对象:(专门用于查找和验证) reg.test(‘要验证的完整字符串’)匹配返回true,否则返回false 强调:如果正则表达式使用了^和$...

    JavaScript 学习笔记二 字符串拼接

    var str=”hello”; str+=”world”; 实际上,这段代码在幕后执行的步骤如下:...解决方法是用Array对象存储字符串,然后用join()方法(参数是空字符串)创建最后的字符串。想像用下面的代码代替前面的代码: 代码如下:

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

    这篇文章是针对javascript字符串学习写下的笔记,在此与需要的朋友分享。 思维导图 字符串的创建方式 字符串是javascript中的基本类型之一,它对应的类型是String,可以通过两种方式来创建字符串: 通过变量赋值的...

    javascrip上百技术总集

    JavaScript极速狂飙:组合拼接字符串的效率 JavaScript极速狂飙:CSS样式表的背景渲染效率 JavaScript面向对象的支持--(1) JavaScript面向对象的支持--(2) JavaScript面向对象的支持--(3) JavaScript...

    javascript学习笔记.docx

    5) in可以检查指定字符串是否是一个对象的基本属性或方法名称;instanceof运算符返回左边的对象是否右边类的一个实例;delete可以删除一个属性,它不会影响到属性关联的对象的生存,若该属性不存在会返回true;[]...

    javascript学习笔记(三) String 字符串类型介绍

    javascript学习笔记之String 字符串类型介绍,这里介绍的是js字符串处理常用函数

    JavaScript 学习笔记(七)字符串的连接

    字符串的连接 一、 最常用+= 一直说这种方式的效率是最低的,为什么呢?可以看下这种方式的实质过程。 var str = “hello”; str += “world”; (1) 创建存储”hello”的字符串。 (2) 创建存储”world”的字符串。 ...

    JavaScript常用对象.md

    JavaScript学习笔记第二部分,包括对象,内置对象(Array, String, Data, 字符串和数值之间的转化,Globle对象,Windows对象,Math对象)的详解和例子,适合0基础和有一些基础的同学。

    es6ish-string-format:与ES6样式模板字符串兼容的ES5 JavaScript字符串格式化程序

    一个JavaScript字符串格式化程序,主要与兼容。 安装 在浏览器中: &lt; script src =" format.js " &gt; &lt;/ script &gt; 通过: bower install es6ish-string-format 笔记 此方法将自身附加到String原型。 ...

    javascript框架设计读书笔记之字符串的扩展和修复

    本文是司徒正美的《javascript框架设计》的第三章第一节的读书笔记,简单介绍了javascript字符串的扩展和修复,小伙伴们参考下吧

    JavaScript 笔记二 Array和Date对象方法

    JavaScript的对象基础 本篇主要讲解本地对象Array和Date的各种方法。...宿主对象 Array类 toString()方法和valueOf()方法,返回特殊的字符串。该字符串是通过对每项调用toString()方法,然后用逗号

    JavaScript学习笔记(二) js对象

    1.简单类型 javascript的简单类型包括 数字(Number)、字符串(String)、布尔值(Boolean)、null值 和 undefined值。其他所有值都是对象。 2.对象 javascript中的对象是可变键控集合。在javascript中,数组、函数...

    converting-from-speech-to-text-with-[removed]通过语音录入或者键盘输入的方式保存笔记; 将笔记保存到本地; 显示历史笔记并可以通过语音朗读笔记;

    本教程中,我们将尝试使用Web Speech API,这是一个非常强大的浏览器接口,可以用来记录语音并将其转换为文本,同样的,也可以用来朗读字符串。 接下来进入正题,这个App应当具有以下几个功能: 通过语音录入或者...

    JavaScript学习笔记之创建对象

    JavaScript 有Date、Array、String等这样的内置对象,...在JavaScript中除了字符串、数字、true、false、null和undefined之外的值都是对象。所以,学习JavaScript不把对象学习明白要继续往下学习就非常的困难。从今天

Global site tag (gtag.js) - Google Analytics