最适合网络开发者的网站

JS 教程

JS 首页 JS 简介 JS 去哪儿 JS 输出 JS 语句 JS 语法 JS 评论 JS 变量 JS 让 JS 常量 JS 运算符 JS 算术 JS 作业 JS 数据类型 JS 函数 JS 对象 JS 活动 JS 字符串 JS 字符串方法 JS 字符串搜索 JS 字符串模板 JS 数字 JS 数字方法 JS 数组 JS 数组方法 JS 数组排序 JS 数组迭代 JS 数组常量 JS 日期 JS 日期格式 JS 获取日期方法 JS 日期设置方法 JS 数学 JS 随机 JS 布尔值 JS 比较 JS 条件 JS 开关 JS 循环 JS 循环 JS 循环 JS 循环 JS 中断 JS 可迭代对象 JS 集 JS 地图 JS Typeof JS 类型转换 JS 按位 JS 正则表达式 JS 错误 JS 作用域 JS 提升 JS 严格模式 JS this 关键字 JS 箭头函数 JS 类 JS JSON JS 调试 JS 风格指南 JS 最佳实践 JS 错误 JS 性能 JS 保留字

JS 版本

JS 版本 JS 2009(ES5) JS 2015(ES6) 小学 2016 小学 2017 小学 2018 JS IE/Edge JS 历史

JS 对象

对象定义 对象属性 对象方法 对象显示 对象访问器 对象构造函数 对象原型 对象可迭代对象 对象集 对象映射 对象引用

JS 函数

函数定义 函数参数 函数调用 函数调用 功能应用 函数绑定 函数闭包

JS 类

课程简介 类继承 静态类

JS 异步

JS 回调 JS 异步 JS 承诺 JS 异步/等待

JS HTML DOM

DOM 简介 DOM 方法 DOM 文档 DOM 元素 DOM HTML DOM 表单 DOM CSS DOM 动画 DOM 事件 DOM 事件监听器 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表

JS 浏览器 BOM

JS 窗口 JS 屏幕 JS 位置 JS 历史 JS 导航器 JS 弹出警告 JS 时机 JS Cookies

JS Web API

Web API 简介 Web 表单 API 网络历史记录 API Web 存储 API Web Worker API Web 获取 API 网络地理定位 API

JS AJAX

AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用程序 AJAX 示例

JS JSON

JSON 简介 JSON 语法 JSON 与 XML JSON 数据类型 JSON 解析 JSON 字符串化 JSON 对象 JSON 数组 JSON 服务器 JSON 格式的 PHP JSON 的 HTML JSON JSONP

JS 与 jQuery

jQuery 选择器 jQuery HTML jQuery CSS jQuery DOM

JS 图形

JS 图形 JS 画布 JS Plotly JS Chart.js JS 谷歌图表 JS D3.js

JS 示例

JS 示例 JS HTML DOM JS HTML 输入 JS HTML 对象 JS HTML 事件 JS 浏览器 JS 编辑器 JS 练习 JS 测验 JS 证书

JS 参考

JavaScript 对象 HTML DOM 对象

放置您的广告!
JavaScript。W3Schools 英文版。初学者课程

尿素

JavaScript 字符串方法


字符串方法 帮助您处理字符串。


字符串方法和属性

原始值,例如“John Doe”,不能具有属性或方法(因为它们不是对象)。

但是在 JavaScript 中,方法和属性也可用于原始值,因为 JavaScript 在执行方法和属性时将原始值视为对象。


JavaScript 字符串长度

length 属性返回字符串的长度:

例子

让 txt = “ABCDEFGHIJKLMNOPQRSTUVWXYZ”;
让长度=txt.长度;
亲自尝试 »

提取字符串部分

提取字符串的一部分有三种方法:

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

JavaScript 字符串切片()

slice() 提取字符串的一部分并在新字符串中返回提取的部分。

该方法采用 2 个参数:起始位置和终止位置(不包括终止)。

例子

切出从位置 7 到位置 13(不包括 13)的字符串的一部分:

让 str = "苹果,香蕉,猕猴桃";
让 part = str.slice(7, 13);
亲自尝试 »

笔记

JavaScript 从零开始计数位置。

第一位是 0。

第二个位置是 1。

如果参数为负数,则位置从字符串的末尾开始计算。

此示例切出字符串中从位置 -12 到位置 -6 的部分:

例子

让 str = "苹果,香蕉,猕猴桃";
让 part = str.slice(-12,-6);
亲自尝试 »

如果省略第二个参数,该方法将切掉字符串的其余部分:

例子

让 part = str.slice(7);
亲自尝试 »

或者从结尾算起:

例子

让 part = str.slice(-12);
亲自尝试 »

JavaScript 字符串子串()

substring() 类似于slice().

不同之处在于,小于 0 的开始值和结束值在 substring().

例子

让 str = "苹果,香蕉,猕猴桃";
让 part = str.substring(7, 13);
亲自尝试 »

如果省略第二个参数, substring() 将切掉字符串的剩余部分。


JavaScript 字符串 substr()

substr() 类似于slice().

不同之处在于第二个参数指定 长度 提取部分。

例子

让 str = "苹果,香蕉,猕猴桃";
让 part = str.substr(7, 6);
亲自尝试 »

如果省略第二个参数, substr() 将切掉字符串的剩余部分。

例子

让 str = "苹果,香蕉,猕猴桃";
让 part = str.substr(7);
亲自尝试 »

如果第一个参数为负数,则位置从字符串的末尾开始算。

例子

让 str = "苹果,香蕉,猕猴桃";
让 part = str.substr(-4);
亲自尝试 »

替换字符串内容

replace() 方法将字符串中的指定值替换为另一个值:

例子

let text = "请访问 Microsoft!";
让 newText = 文本.replace("Microsoft", "W3Schools");
亲自尝试 »

笔记

replace() 方法不会改变调用它的字符串。

replace() 方法返回一个新的字符串。

replace() 方法替换只有第一个 匹配

如果要替换所有匹配项,请使用设置了 /g 标志的正则表达式。请参阅下面的示例。

默认情况下, replace() 方法替换只有第一个 匹配:

例子

let text = "请访问 Microsoft 和 Microsoft!";
让 newText = 文本.replace("Microsoft", "W3Schools");
亲自尝试 »

默认情况下, replace() 方法区分大小写。写入 MICROSOFT(大写)将不起作用:

例子

let text = "请访问 Microsoft!";
让 newText = 文本.replace("MICROSOFT", "W3Schools");
亲自尝试 »

要替换不区分大小写,请使用 正则表达式/i 标志(不敏感):

例子

let text = "请访问 Microsoft!";
让 newText = 文本.replace(/MICROSOFT/i,“W3Schools”);
亲自尝试 »

笔记

正则表达式不需要引号。

要替换所有匹配项,请使用 正则表达式/g 标志(全局匹配):

例子

let text = "请访问 Microsoft 和 Microsoft!";
让 newText = 文本.replace(/Microsoft/g,“W3Schools”);
亲自尝试 »

笔记

您将在本章中学习更多有关正则表达式的知识 JavaScript 正则表达式.


转换为大写和小写

字符串转换为大写 toUpperCase():

字符串转换为小写 toLowerCase():


JavaScript 字符串 toUpperCase()

例子

让text1 =“Hello World!”;
让文本2 = 文本1.toUpperCase();
亲自尝试 »

JavaScript 字符串 toLowerCase()

例子

让 text1 = "Hello World!"; // 字符串
let text2 = text1.toLowerCase(); // text2 是 text1 转换为小写后的文本
亲自尝试 »

JavaScript 字符串连接()

concat() 连接两个或多个字符串:

例子

让text1 =“你好”;
让文本2 = “世界”;
让text3 = text1.concat(“”,text2);
亲自尝试 »

concat() 方法可以代替加法运算符。以下两行代码的作用相同:

例子

文本 = “你好” + “” + “世界!”;
text = "你好".concat(" ", "世界!");

笔记

所有字符串方法都会返回一个新字符串。它们不会修改原始字符串。

正式表示:

字符串是不可变的:字符串不能被改变,只能被替换。


JavaScript 字符串 trim()

trim() 方法删除字符串两侧的空格:

例子

让text1 =“ 你好,世界!“;
让文本2 = 文本1.trim();
亲自尝试 »

JavaScript 字符串填充

ECMAScript 2017 增加了两个 String 方法: padStart()padEnd() 支持在字符串开头和结尾进行填充。


JavaScript 字符串 padStart()

padStart() 方法用另一个字符串填充一个字符串:

例子

让文本=“5”;
让 padded = text.padStart(4,“x”);
亲自尝试 »

例子

让文本=“5”;
让 padded = text.padStart(4,“0”);
亲自尝试 »

笔记

padStart() 方法是一个字符串方法。

要填充数字,请先将数字转换为字符串。

请参阅下面的示例。

例子

让 numb = 5;
让文本 = numb.toString();
让 padded = text.padStart(4,“0”);
亲自尝试 »

浏览器支持

padStart() 是 ECMAScript 2017 的一项功能。

所有现代浏览器都支持它:

铬合金 边缘 火狐 苹果浏览器 歌剧
是的 是的 是的 是的 是的

padStart() Internet Explorer 不支持。


JavaScript 字符串 padEnd()

padEnd() 方法用另一个字符串填充一个字符串:

例子

让文本=“5”;
让 padded = text.padEnd(4,“x”);
亲自尝试 »

例子

让文本=“5”;
让 padded = text.padEnd(4,“0”);
亲自尝试 »

笔记

padEnd() 方法是一个字符串方法。

要填充数字,请先将数字转换为字符串。

请参阅下面的示例。

例子

让 numb = 5;
让文本 = numb.toString();
让 padded = text.padEnd(4,“0”);
亲自尝试 »

浏览器支持

padEnd() 是 ECMAScript 2017 的一项功能。

所有现代浏览器都支持它:

铬合金 边缘 火狐 苹果浏览器 歌剧
是的 是的 是的 是的 是的

padEnd() Internet Explorer 不支持。


提取字符串字符

提取字符串字符的方法有3种:

  • charAt(position)
  • charCodeAt(position)
  • 属性访问 [ ]

JavaScript 字符串 charAt()

charAt() 方法返回字符串中指定索引(位置)处的字符:

例子

让文本=“HELLO WORLD”;
让 char = text.charAt(0);
亲自尝试 »

JavaScript 字符串 charCodeAt()

charCodeAt() 方法返回字符串中指定索引处字符的 unicode:

该方法返回一个 UTF-16 代码(0 到 65535 之间的整数)。

例子

让文本=“HELLO WORLD”;
让 char = text.charCodeAt(0);
亲自尝试 »

属性访问

ECMAScript 5(2009)允许对字符串进行属性访问[ ]:

例子

让文本=“HELLO WORLD”;
让char = text[0];
亲自尝试 »

笔记

物业访问可能有点 不可预料的:

  • 它使字符串看起来像数组(但实际上不是)
  • 如果未找到字符,[ ] 将返回未定义,而 charAt() 将返回空字符串。
  • 它是只读的。str[0] =“A”没有错误(但不起作用!)

例子

让文本=“HELLO WORLD”;
text[0] = "A"; // 没有错误,但是不起作用
亲自尝试 »

将字符串转换为数组

如果要将字符串作为数组使用,可以将其转换为数组。

JavaScript 字符串拆分()

字符串可以转换为数组 split() 方法:

例子

text.split(",") // 用逗号分割
text.split(" ") // 按空格分割
text.split("|") // 按管道分割
亲自尝试 »

如果省略分隔符,则返回的数组将包含索引 [0] 中的整个字符串。

如果分隔符是“”,则返回的数组将是单个字符的数组:

例子

文本.拆分(“”)
亲自尝试 »

完整字符串参考

有关完整的字符串参考,请访问:

完整的 JavaScript 字符串参考.

该参考包含所有字符串属性和方法的描述和示例。

通过练习测试自己

锻炼:

将文本转换为大写文本:

let txt = "Hello World!";
txt = txt.;


放置您的广告!