cari
Rumahhujung hadapan webtutorial jsjavascript如何定义字符串
javascript如何定义字符串Jun 23, 2021 pm 05:14 PM
javascriptrentetan

方法: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学习教程

Atas ialah kandungan terperinci javascript如何定义字符串. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi 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()方法添加的事件处理程序。

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

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

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

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

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini

SublimeText3 versi Inggeris

SublimeText3 versi Inggeris

Disyorkan: Versi Win, menyokong gesaan kod!

EditPlus versi Cina retak

EditPlus versi Cina retak

Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

SublimeText3 Linux versi baharu

SublimeText3 Linux versi baharu

SublimeText3 Linux versi terkini