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


相关推荐: 为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  太平洋网站制作公司,网络用语太平洋是什么意思?  香港网站服务器数量如何影响SEO优化效果?  制作企业网站建设方案,怎样建设一个公司网站?  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  Python文件异常处理策略_健壮性说明【指导】  Thinkphp 中 distinct 的用法解析  Angular 表单中正确绑定输入值以确保提交与验证正常工作  iOS发送验证码倒计时应用  JavaScript模板引擎Template.js使用详解  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?  如何用景安虚拟主机手机版绑定域名建站?  再谈Python中的字符串与字符编码(推荐)  Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决  如何在宝塔面板创建新站点?  如何基于PHP生成高效IDC网络公司建站源码?  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件  HTML5建模怎么导出为FBX格式_FBX格式兼容性及导出步骤【指南】  如何快速搭建安全的FTP站点?  Python正则表达式进阶教程_复杂匹配与分组替换解析  深圳网站制作的公司有哪些,dido官方网站?  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  Java遍历集合的三种方式  如何快速搭建二级域名独立网站?  零服务器AI建站解决方案:快速部署与云端平台低成本实践  简单实现jsp分页  如何快速重置建站主机并恢复默认配置?  矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?  个人摄影网站制作流程,摄影爱好者都去什么网站?  Android自定义listview布局实现上拉加载下拉刷新功能  如何做网站制作流程,*游戏网站怎么搭建?  网站优化排名时,需要考虑哪些问题呢?  网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?  如何在万网ECS上快速搭建专属网站?  Laravel怎么连接多个数据库_Laravel多数据库连接配置  EditPlus 正则表达式 实战(3)  如何登录建站主机?访问步骤全解析  网站建设要注意的标准 促进网站用户好感度!  怎样使用JSON进行数据交换_它有什么限制  网站制作大概要多少钱一个,做一个平台网站大概多少钱?  如何在阿里云ECS服务器部署织梦CMS网站?  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  百度浏览器如何管理插件 百度浏览器插件管理方法  Laravel观察者模式如何使用_Laravel Model Observer配置  香港服务器建站指南:免备案优势与SEO优化技巧全解析  BootStrap整体框架之基础布局组件  如何快速搭建高效WAP手机网站吸引移动用户?  PHP 500报错的快速解决方法