购物车
登陆 / 注册
微信扫码登陆

推荐手册

JavaScript 字符串(String) 对象

String 对象用于处理已有的字符块。

JavaScript 字符串

一个字符串用于存储一系列字符就像 "John Doe".

一个字符串可以使用单引号或双引号:

实例

var carname="Volvo XC60";
var carname='Volvo XC60';

你使用位置(索引)可以访问字符串中任何的字符:

实例

var character=carname[7];

字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。

你可以在字符串中使用引号,如下实例:

实例

var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';

或者你可以在字符串中使用转义字符(\)使用引号:

实例

<script>
var carname1="Volvo XC60";
var carname2='Volvo XC60';
var answer1='It\'s alright';
var answer2="He is called \"Johnny\"";
var answer3='He is called "Johnny"';
document.write(carname1 + "<br>")
document.write(carname2 + "<br>")
document.write(answer1 + "<br>")
document.write(answer2 + "<br>")
document.write(answer3 + "<br>")
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

Image 6.jpg

字符串(String)

字符串(String)使用长度属性length来计算字符串的长度:

实例

<script>var text="hello world";
  document.write(text.length + "<br>");
  var txt="asdfgjooejnbjdmmmjehdsss";
  document.write(txt.length);
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

Image 7.jpg

在字符串中查找字符串

字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置:

实例

<script>
function myFunction(){
  var str=document.getElementById("p1").innerHTML;
  var n=str.indexOf("locate");
  document.getElementById("p2").innerHTML=n+1;
}
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

Image 8.jpg

如果没找到对应的字符函数返回-1

lastIndexOf() 方法在字符串末尾开始查找字符串出现的位置。

内容匹配

match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。

<script>
var str="Hello world!";
document.write(str.match("world") + "<br>");//word
document.write(str.match("World") + "<br>");//null
document.write(str.match("world!"));//world!
</script>

替换内容

replace() 方法在字符串中用某些字符替换另一些字符。

str="php中文网"
var n=str.replace("php","html");//html中文网

字符串大小写转换

字符串大小写转换使用函数 toUpperCase() / toLowerCase():

实例

var txt="Hello World!"; // String
var txt1=txt.toUpperCase();// txt1 文本会转换为大写
var txt2=txt.toLowerCase();// txt2 文本会转换为小写

字符串转为数组

字符串使用split()函数转为数组:

实例

<script>
function myFunction(){
	var str="a,b,c,d,e,f";
	var n=str.split(",");
	document.getElementById("demo").innerHTML=n[5];
}
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

Image 9.jpg

特殊字符

Javascript 中可以使用反斜线(\)插入特殊符号,如:撇号,引号等其他特殊符号。

查看如下 JavaScript 代码:

var txt="We are the so-called "Vikings" from the north.";
document.write(txt);

在JavaScript中,字符串的开始和停止使用单引号或双引号。这意味着,上面的字符串将被切成: We are the so-called

解决以上的问题可以使用反斜线来转义引号:

var txt="We are the so-called \"Vikings\" from the north.";
document.write(txt);

JavaScript将输出正确的文本字符串:We are the so-called "Vikings" from the north.

下表列出其他特殊字符,可以使用反斜线转义特殊字符:

代码输出
\'单引号
\"双引号
\\斜杆
\n换行
\r回车
\ttab
\b空格
\f换页

字符串属性和方法

属性:

  • length

  • prototype

  • constructor

方法:

  • charAt()

  • charCodeAt()

  • concat()

  • fromCharCode()

  • indexOf()

  • lastIndexOf()

  • match()

  • replace()

  • search()

  • slice()

  • split()

  • substr()

  • substring()

  • toLowerCase()

  • toUpperCase()

  • valueOf()

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号