搜索
首页web前端js教程javascript如何定义字符串
javascript如何定义字符串Jun 23, 2021 pm 05:14 PM
javascript字符串

方法:1、使用双引号或单引号包含任意长度的文本,例“"true"”;2、使用String()类型函数构造字符串,语法“new String("值")”;3、使用fromCharCode()方法把字符编码转换为字符串。

javascript如何定义字符串

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

在 JavaScript 中,定义字符串有以下 3 种方法。

字符串直接量

使用双引号或单引号包含任意长度的文本。

示例1

任何被引号包含的文本都被称为字符串型数据。

var s = "true";  //把布尔值转换为字符串
var s = "123";  //把数值转换为字符串
var s = "[1,2,3]";  //把数组转换为字符串
var s = "{x : 1; y : 2}";  //把对象转换为字符串
var s = "console.log('Hello,World')";  //把可执行表达式转换为字符串

示例2

单引号和双引号可以配合使用,定义特殊形式的字符串。

var s = 'console.log("Hello,World")';

单引号可以包含双引号,或者双引号包含单引号。但是,不能够在单引号中包含单引号,或者双引号中包含双引号。

示例3

由于一些字符包含多重语义,在字符串中需要转义表示,避免产生歧义。转义字符的基本方法:在字符前面加反斜杠。

var s = "\"";  //有效的引号字符

示例4

对于字符串化脚本,可以调用全局方法 eval() 执行字符串代码。

var s = "console.log('Hello,World')";  //表达式字符串
eval(s);  //执行表达式字符串

构造字符串

使用 String() 类型函数可以构造字符串,该函数可以接收一个参数,并把它作为值来初始化字符串。

示例5

下面使用 new 运算符调用 String() 构造函数创建一个字符串型对象。

var s = new String();  //创建一个空字符串对象,并赋值给变量s
var s = new String("我是构造字符串");  //创建字符串对象,初始化之后赋值给变量s

通过 String 构造函数,构造的字符串与字符串直接量的类型是不同的。前者为引用型对象,后者为值类型字符串

示例6

下面代码比较了构造字符串和字符串直接量的数据类型的不同。

var s1 = new String(1);  //构造字符串
var s2 = "1";  //定义字符串直接量
console.log(typeof s1);  //返回object,说明是引用型对象
console.log(typeof s2);  //返回string,说明是值类型字符串

示例7

String() 也可以作为普通函数使用,把参数转换为字符串类型的值返回。

var s = String(123456);  //包装字符串
console.log(s);  //返回字符串“123465”
console.log(typeof s);  //返回string,说明是简单的值

示例8

String() 允许传入多个参数,但是仅处理第一个参数,并把它转换为字符串返回。

var s = String(1,2,3,4,5,6);  //带有多个参数
console.log(s);  //返回字符串“1”
console.log(typeof s);  //返回string,数值被转换为字符串

但是,所有参数表达式都会被 JavaScript 计算。

示例9

下面变量 n 在构造函数内经过多次计算之后,最后值递增为 5。

var n = 1;  //初始化变量
var s = new String(++n; ++n; ++n; ++n);  //字符串构造处理
console.log(s);  //返回2
console.log(n);  //返回5
console.log(typeof s);  //返回object,说明是引用型对象
console.log(typeof n);  //返回number,说明是数值类型

使用字符编码

使用 fromCharCode() 方法可以把字符编码转换为字符串。该方法可以包含多个整数参数,每个参数代表字符的 Unicode 编码,返回值为字符编码的字符串表示。

示例10

下面代码演示了如何把一组字符串编码转换为字符串。

var a = [35835,32773,24744,22909], b = [];  //声明一个字符编码的数组
for (var i in a) {  //遍历数组
    b.push(String.fromCharCode(a[i]));  //把每个字符编码都转换为字符串存入数组
}
console.log(b.join(""));  //返回字符串“读者您好”

可以把所有字符串按顺序传给 fromCharCode()。

var b = String.fromCharCode(35835,32773,24744,22909);  //传递多个参数

也可以使用 apply() 方法动态调用 fromCharCode() 方法。

var a = [35835,32773,24744,22909], b = [];
var b = String.fromCharCode.apply(null,a);  //动态调用fromCharCode()方法,并传递数组
console.log(b);  //返回字符串“读者您好”

fromCharCode() 方法是 String 类型的静态方法,不能通过字符串来调用。与 fromCharCode() 方法相反,charCodeAt() 方法可以把字符串转换为 Unicode 编码。

【相关推荐:javascript学习教程

以上是javascript如何定义字符串的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具

mPDF

mPDF

mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。