JS字符串string

来源:互联网 发布:鱼缸水景设计软件 编辑:程序博客网 时间:2024/06/01 10:16

关于js 的字符串(string)的知识

    javascript的基本数据类型有五种:number   string  boolean  null  undefined .

  1.字符串是到底是什么   

JavaScript的字符串就是用''""括起来的字符表示。

如果'本身也是一个字符,那就可以用""括起来,比如"I'm OK"包含的字符是I'm,空格,OK这6个字符。

如果字符串内部既包含'又包含"怎么办?可以用转义字符\来标识,比如:

'I\'m \"OK\"!';

表示的字符串内容是:I'm "OK"!

转义字符\可以转义很多字符,比如\n表示换行,\t表示制表符,字符\本身也要转义,所以\\表示的字符就是\

ASCII字符可以以\x##形式的十六进制表示,例如:

'\x41'; // 完全等同于 'A'

还可以用\u####表示一个Unicode字符:

'\u4e2d\u6587'; // 完全等同于 '中文'

   2.字符串之间的连接


要把多个字符串连接起来,可以用+号连接:

var name = '小明';var age = 20;var message = '你好, ' + name + ', 你今年' + age + '岁了!';alert(message);

如果有很多变量需要连接,用+号就比较麻烦。ES6新增了一种模板字符串,表示方法和上面的多行字符串一样,但是它会自动替换字符串中的变量:

var name = '小明';var age = 20;var message = `你好, ${name}, 你今年${age}岁了!`;alert(message);

3.字符串的操作

字符串常见的操作如下:

var s = 'Hello, world!';s.length; // 13

要获取字符串某个指定位置的字符,使用类似Array的下标操作,索引号从0开始:

var s = 'Hello, world!';s[0]; // 'H's[6]; // ' 's[7]; // 'w's[12]; // '!'s[13]; // undefined 超出范围的索引不会报错,但一律返回undefined

需要特别注意的是,字符串是不可变的,如果对字符串的某个索引赋值,不会有任何错误,但是,也没有任何效果:

var s = 'Test';s[0] = 'X';alert(s); // s仍然为'Test'

JavaScript为字符串提供了一些常用方法,注意,调用这些方法本身不会改变原有字符串的内容,而是返回一个新字符串:

toUpperCase

toUpperCase()把一个字符串全部变为大写:

var s = 'Hello';s.toUpperCase(); // 返回'HELLO'

toLowerCase

toLowerCase()把一个字符串全部变为小写:

var s = 'Hello';var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lowerlower; // 'hello'

indexOf

indexOf()会搜索指定字符串出现的位置:

var s = 'hello, world';s.indexOf('world'); // 返回7s.indexOf('World'); // 没有找到指定的子串,返回-1

substring

substring()返回指定索引区间的子串:

var s = 'hello, world's.substring(0, 5); // 从索引0开始到5(不包括5),返回'hello's.substring(7); // 从索引7开始到结束,返回'world'

4.相关字符串的代码编写

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>字符串</title><style type="text/css">body {font-size: 20px;font-family: "微软雅黑";line-height: 30px;}</style></head><body><script>var text ="西部开源欢迎您!,您好!"document.write("字符串的长度是" + text.length + "<br/>");//获取字符串的长度document.write("---------------------字符串字符的查找----------------------------<br/>");document.write("第一个字符是" + text.charAt(0) + "<br/>");//获取在某一位上的字符document.write("第一个字符编码是" + text.charCodeAt(0) + "<br/>");//获取在某一位上的字符编码document.write("第一个字符是" + String.fromCharCode(40000) + "<br/>");//将编码转化为文字//var str="";//for(i=20000;i<40000;i++){//document.write(String.fromCharCode(i));//}document.write("从左往右查找感叹号的位置在" + text.indexOf("!") + "<br/>");//查找某一字符的位置从左往右document.write("从右往左查找感叹号的位置在" + text.lastIndexOf("!") + "<br/>");//查找某一字符的位置从左往右document.write("查找您的位置在" + text.indexOf("您", 7) + "<br/>");//从第几位开始查找某一字符的位置var text2 = "教养和文化是两回事,有的人很有文化,但是很没教养,有的人没有什么太高的学历和学识,但仍然很有教养,很有分寸。教养是带有某种天生的素质和一点一滴的积累。人生那么长,未知的东西那么多。人与人之间的关系往往是相互的,与人为善,也是与自己为善。让自己更平和一点,更豁达一点,对于身边的过错,让自己更宽容一点。人人都有他的难处,何必强求于人。人生在世,行路匆匆,生活充满变数,时而乐极生悲,时而苦尽甘来,一切不必较真,只须笃定前行。要敢于认错,既然错了,就要纠正,虚假是味毒药,真实能帮你把失去的赢回来;要敢于担当,回避不是办法。人出生时,是一块质朴的石块,有棱有角,生气勃勃。但是,在生活无情的打磨中,人生慢慢被磨去棱角,变得圆滑而世故。要做坚守在悬崖峭壁上石块,勇敢忍受风霜的雕刻,永远保留自己的棱角。不要做河流里的石头,享受微波多情的抚摸,最后变成一块光亮的鹅卵石。"//比如现在我们需要找到上面文字中的人生在第几位出现过alert(text2.length)var str="人生";var num=0;for(;text2.indexOf(str,num)!=-1;){alert(text2.indexOf(str,num));num=text2. indexOf(str,num)+str.length;}document.write("---------------------字符串之间的比较----------------------------<br/>");document.write("中国">"美国")document.write("<br/>"+"中".charCodeAt()+"<br/>")document.write("美".charCodeAt()+"<br/>")document.write("---------------------字符串的截取substring----------------------------"+"<br/>");var text3 = "教养和文化是两回事,有的人很有文化,但是很没教养,有的人没有什么太高的学历和学识,但仍然很有教养,很有分寸。教养是带有某种天生的素质和一点一滴的积累。人生那么长,未知的东西那么多";document.write(text3.substring(6)+"<br/>")//一个参数就是从第几位开始截取document.write(text3.substring(0,10)+"<br/>")//二个参数就是从第几位开始截取到第几位document.write(text3.substring(-3,10)+"<br/>")//不接受负数,会转化成0document.write(text3.substring(2,-10)+"<br/>")//大数自动放在前面,小数字自动放在后面document.write("---------------------字符串的截slice----------------------------"+"<br/>");document.write(text3.slice(6)+"<br/>")//一个参数就是从第几位开始截取document.write(text3.slice(6,20)+"<br/>")//一个参数就是从第几位开始截取document.write(text3.slice(10,0)+"<br/>")//不交换位置,会出错!!document.write(text3.slice(-10)+"<br/>")//如果是负数,就从后往前找10个document.write("---------------------字符串转化大小写----------------------------"+"<br/>");var text4="www.BaIdu.com"document.write(text4.toUpperCase()+"<br/>")//转化大写document.write(text4.toLowerCase()+"<br/>")//转化大写document.write("---------------------字符串分割成数组----------------------------"+"<br/>");var text5="www.xbky.com";document.write(typeof text5.split(".")+"<br/>")//从.分割字符串为数组var aaa=text5.split(".");alert(aaa[0])var text6="blue";document.write(text6.split("")+"<br/>");var text7="2016-6-2-9-00";document.write(text7.split("-",3)+"<br/>");//第二个参数代表保留数组中几项document.write("---------------------字符串分割成数组----------------------------"+"<br/>");</script></body></html>




原创粉丝点击