JavaScript字符串_动力节点Java学院整理

发布时间 - 2026-01-11 02:04:31    点击率:

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

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

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

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

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

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

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

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

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

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

多行字符串

由于多行字符串用\n写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表示方法,用` ... `表示:

`这是一个

多行

字符串`;

模板字符串

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

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

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

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

操作字符串

字符串常见的操作如下:

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'并赋值给变量lower
lower; // 'hello'

indexOf

indexOf()会搜索指定字符串出现的位置:
var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 没有找到指定的子串,返回-1

substring

substring()返回指定索引区间的子串:
var s = 'hello, world'
s.substring(0, 5); // 从索引0开始到5(不包括5),返回'hello'
s.substring(7); // 从索引7开始到结束,返回'world'


# js  # 字符串  # Python判断变量是否为Json格式的字符串示例  # JS ES6多行字符串与连接字符串的表示方法  # JS简单判断字符在另一个字符串中出现次数的2种常用方法  # jquery拼接ajax 的json和字符串拼接的方法  # JS字符串false转boolean的方法(推荐)  # JavaScript实现替换字符串中最后一个字符的方法  # Js自动截取字符串长度  # 添加省略号(……)的实现方法  # JS字符串长度判断  # 超出进行自动截取的实例(支持中文)  # 可以用  # 小明  # 的是  # 有任何  # 你好  # 那就  # 多个  # 也没  # 也要  # 有很多  # 这是一个  # 要把  # 新增了  # 报错  # 它会  # 没有找到  # 不包括  # 换行  # span  # style 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南  如何在 React 中条件性地遍历数组并渲染元素  EditPlus中的正则表达式实战(5)  济南网站建设制作公司,室内设计网站一般都有哪些功能?  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  Win11怎么更改系统语言为中文_Windows11安装语言包并设为显示语言  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  如何在Windows环境下新建FTP站点并设置权限?  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  深入理解Android中的xmlns:tools属性  如何在云主机上快速搭建网站?  Python图片处理进阶教程_Pillow滤镜与图像增强  如何用虚拟主机快速搭建网站?详细步骤解析  香港代理服务器配置指南:高匿IP选择、跨境加速与SEO优化技巧  Laravel API资源类怎么用_Laravel API Resource数据转换  微信小程序 canvas开发实例及注意事项  如何为不同团队 ID 动态生成多个非值班状态按钮  企业网站制作这些问题要关注  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  详解vue.js组件化开发实践  Laravel中的withCount方法怎么高效统计关联模型数量  php json中文编码为null的解决办法  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  高端建站如何打造兼具美学与转化的品牌官网?  活动邀请函制作网站有哪些,活动邀请函文案?  高防服务器:AI智能防御DDoS攻击与数据安全保障  Laravel API资源(Resource)怎么用_格式化Laravel API响应的最佳实践  php打包exe后无法访问网络共享_共享权限设置方法【教程】  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  利用 Google AI 进行 YouTube 视频 SEO 描述优化  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  Windows家庭版如何开启组策略(gpedit.msc)?(安装方法)  网站制作企业,网站的banner和导航栏是指什么?  Laravel如何使用软删除(Soft Deletes)功能_Eloquent软删除与数据恢复方法  千库网官网入口推荐 千库网设计创意平台入口  高端智能建站公司优选:品牌定制与SEO优化一站式服务  JavaScript如何实现类型判断_typeof和instanceof有什么区别  iOS验证手机号的正则表达式  网站制作大概要多少钱一个,做一个平台网站大概多少钱?  标题:Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南  Laravel如何使用Telescope进行调试?(安装和使用教程)  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  如何用好域名打造高点击率的自主建站?  悟空浏览器如何设置小说背景色_悟空浏览器背景色设置【方法】  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  如何用PHP工具快速搭建高效网站?