跳转到内容

JavaScript/原始数据类型

来自维基教科书,开放的书籍,开放的世界



原始类型使用固定格式;一些只能包含有限数量的特定值。相反,对象更加复杂,尤其包括方法和属性。

除了 nullundefined,原始类型都有一个相应的 对象包装器,带有特定于数据类型的方法。因此,您将在本页上找到一些方法的描述。

字符串

[编辑 | 编辑源代码]

字符串 是一种用来保存任意长度文本的数据类型。字符串变量通过将字符串字面量赋值给它们来创建。字符串字面量可以包含在 " "' ' 中。

"use strict";
const myName_1 = "Mike";      // double quote
const myName_2 = 'Monica';    // apostrophe
const myName_3 = "naɺ̠ɯçito";  // non-latin characters

如果您的字符串字面量包含 "',您可以使用另一个作为外部分隔符,或者使用 \ 对它们进行转义。

"use strict";
const book_1 = "Mike's book";
const monica_1 = 'Here name is "Monica".';
const book_2 = 'Mike\'s book';
const monica_2 = "Here name is \"Monica\".";

如果您的字符串字面量是通过一些固定文本加上一些动态部分计算出来的,您可以使用模板字面量 技术。在这里,字面量包含在反引号 ` ` 中,并包含变量和表达式。

"use strict";
const a = 1;
const b = 2;
const resultMessage = `The sum of ${a} and ${b} is: ${a + b}.`;
// same as:
         'The sum of ' + a + ' and ' + b + ' is: ' + (a + b);
alert(resultMessage);

+ 运算符连接两个字符串,例如 alert("Hello " + "world!");。此外,还有很多用于字符串的 方法

提示:JavaScript 没有类似 '字符' 或 '字节' 这样的数据类型。

字符串的属性和方法

[编辑 | 编辑源代码]

我们展示一些经常使用的方法。有关完整列表,请参考 MDN

length 是一个属性,而不是一个方法。因此,没有括号 ()。它返回字符串的长度,作为一个整数。

const foo = "Hello!";
alert(foo.length);    // 6

includes(searchText)

[编辑 | 编辑源代码]

如果字符串包含指定的字符串,则该方法返回 true,否则返回 false

let text = "Hello world, hello Wikiversity!";
document.write(text.includes("Hello")); //true

concat(text)

[编辑 | 编辑源代码]

该方法返回一个字符串,其中 'text' 被追加到原始字符串。

const foo = "Hello";
const bar = foo.concat(" World!");
alert(bar);	// Hello World!

indexOf(searchText)

[编辑 | 编辑源代码]

该方法返回 'searchText' 第一次出现的索引,从 0 开始。如果找不到 'searchText',则返回 -1。该方法区分大小写。

const foo = "Hello, World! How do you do?";
alert(foo.indexOf(" "));	// 6

const hello = "Hello world, welcome to the universe.";
alert(hello.indexOf("welcome"));      // 13

search(regularExpression)

[编辑 | 编辑源代码]

该方法将字符串与正则表达式(=模式)进行比较,返回字符串中第一个匹配项的索引。它类似于 indexOf(),但功能更强大。例如:它可以通过将 "hello" 中的引号替换为正斜杠和末尾的 i 来使其不区分大小写。

let text = "Hello world, hello Wikiversity!";
document.write(text.search(/hello/i)); // 0

lastIndexOf(searchText)

[编辑 | 编辑源代码]

该方法返回 'searchText' 最后一次出现的索引。如果找不到 'searchText',则返回 -1。该方法区分大小写。

const foo = "Hello, World! How do you do?";
alert(foo.lastIndexOf(' '));	// 24

replace(text, newtext)

[编辑 | 编辑源代码]

该方法返回一个字符串,其中 'text' 在原始字符串中被 'NewText' 替换。只替换第一次出现的匹配项。该方法区分大小写。

const foo = "foo bar foo bar foo";
const newString = foo.replace("bar", "NEW"):
alert(foo);		    // foo bar foo bar foo
alert(newString);	// foo NEW foo bar foo

正如您所看到的,replace 方法只返回新内容,而不会修改 'foo' 中的原始字符串。

slice(start [, end])

[编辑 | 编辑源代码]

该方法返回从 'start' 索引开始的子字符串。

"hello".slice(1);	// "ello"

当提供 'end' 时,将提取到但不包括 'end' 索引位置的子字符串。

"hello".slice(1, 3);	// "el"

slice 允许通过使用负索引来提取从字符串末尾开始的文本。

"hello".slice(-4, -2);	// "el"

substring 不同,slice 方法永远不会交换 'start' 和 'end' 的位置。如果 'start' 在 'end' 之后,slice 将尝试按原样提取内容,但很可能提供意外的结果。

"hello".slice(3, 1);	// ""

substr(start [, 字符数])

[编辑 | 编辑源代码]

该方法已 废弃。使用 substringslice 替代。

substring(start [, end])

[编辑 | 编辑源代码]

该方法提取从 'start' 索引开始的子字符串。

"hello".substring(1);	// "ello"

当提供 'end' 时,将提取到但不包括 'end' 索引位置的子字符串。

"hello".substring(1, 3);	// "el"

substring 始终从左到右工作。如果 'start' 索引大于 'end' 索引,substring 将交换它们的值;虽然有时有用,但这并不总是你想要的;slice 提供了不同的行为。

"hello".substring(3, 1);	// "el"

toLowerCase()

[编辑 | 编辑源代码]

该方法返回当前字符串的小写形式。

const foo = "Hello!";
alert(foo.toLowerCase());	// hello!

toUpperCase()

[编辑 | 编辑源代码]

该方法返回当前字符串的大写形式。

const foo = "Hello!";
alert(foo.toUpperCase());	// HELLO!

数字是两种数值类型之一(另一种是BigInt)。数字以统一的 64 位格式存储整数值和浮点值,该格式由IEEE 754定义。这意味着,JavaScript 没有像其他一些语言那样为整数和浮点数使用不同的数据类型。

此类值的可能范围大约为 -10300 到 +10300,精度根据距离 0 的距离而有所不同。

在 -(253 − 1) 到 +253 − 1 的范围内,整数运算没有不确定性。253 = 9,007,199,254,740,992,略小于 1016

"use strict";
let counter = 20;   // no decimal point
alert(counter + " " + typeof counter);
let degree = 12.1;  // with decimal point
alert(degree + " " + typeof degree);

对于数字,可以使用常见的算术运算符(“幂”为**,“模”为%)、比较运算符(<> 等)和按位运算符。

与其他一些语言不同,两个整数的除法可能导致带有小数位的数字,例如 alert(1/3);

数字的属性和方法

[编辑 | 编辑源代码]

许多属性和方法支持数字运算。在内部,它们在不同的区域实现。

  • 内置对象Math 提供表示常见数学常数(如πe)的属性。语法:Math.xyz(无括号)
  • 内置对象Math 提供常见的数学函数(如sinlog)。语法:Math.xyz()(带括号)
  • 对象Number 提供描述数字数据类型实现的属性,如MAX_VALUENEGATIVE_INFINITY。语法:Number.xyz(无括号)
  • 对象Number 提供静态方法,用于检查数字和其他数据类型之间的关系,例如isIntegerparseFloat。语法:Number.xyz()(带括号)
  • 对象Number 提供实例方法,这些方法作用于具体的数字值或变量,例如toExponentialtoFixed。语法:value.xyz()(带括号)
// some examples
"use strict";

const var_1 = Math.PI;
alert(var_1);
alert(var_1.toFixed(2));

const var_2 = Math.sqrt(3);
alert(var_2);

alert(Number.MAX_VALUE);

alert(Number.isInteger(123));    // true
alert(Number.isInteger(12.3));   // false

我们将展示一些常用的属性和方法。有关完整列表,请参阅MDN MathMDN Numbers

最常用的常量

  • Math.E 返回常数 e。
  • Math.PI 返回常数 pi。
  • Math.LN10 返回 10 的自然对数。
  • Math.LN2 返回 2 的自然对数。
  • Math.SQRT2 返回 2 的平方根。

Math.ceil(number)

[编辑 | 编辑源代码]

返回大于作为参数传递的数字的最小整数

const myInt = Math.ceil(90.8);
alert(myInt);              //  91
alert(Math.ceil(-90.8));   // -90

Math.floor(number)

[编辑 | 编辑源代码]

返回小于作为参数传递的数字的最大整数

const myInt = Math.floor(90.8);
alert(myInt);              //  90
alert(Math.floor(-90.8));  // -91

Math.round(number)

[编辑 | 编辑源代码]

返回最接近作为参数传递的数字的整数

alert(Math.round( 90.8));  //  91
alert(Math.round(-90.8));  // -91

alert(Math.round( 90.3));  //  90
alert(Math.round(-90.3));  // -90

Math.max(number_1, number_2)

[编辑 | 编辑源代码]

返回作为参数传递的两个数字中较大的数字。

alert(Math.max(8.3,  9));  //  9
alert(Math.max(8.3, -9));  //  8.3

Math.min(number_1, number_2)

[编辑 | 编辑源代码]

返回作为参数传递的两个数字中较小的数字。

alert(Math.min(8.3,  9));   //  8.3
alert(Math.min(8.3, -9));   // -9

Math.random()

[编辑 | 编辑源代码]

生成 0 到 1 之间的伪随机数。

alert(Math.random());

Number.parseInt(string)

[编辑 | 编辑源代码]

Number.parseFloat(string)

[编辑 | 编辑源代码]

parseIntparseFloat这两种方法将字符串转换为数字。它们从左到右扫描给定的字符串。当它们识别出与 0-9 不同的字符时,它们停止扫描并返回到目前为止已读取的已转换数字(parseFloat 接受小数点)。如果第一个字符与 0-9 不同,它们将返回Math.NaN,表示非数字

提示:在源代码中,不必指定“Number.”。

const x = parseInt("7.5");
alert(x);  // 7

const y = parseInt("Five");
alert(y);  // NaN

const z = parseFloat("2.8") + 3;
alert(z);  // 5.8

// scientific notation is accepted
alert(parseFloat("123.456e6"));  // 123456000

BigInt是一种数据类型,用于表示任意长度整数。因此,它是一种可变长度格式(概念上),仅受可用 RAM 的限制。

BigInt通过在整数字面量末尾添加“n”或使用BigInt()函数来创建。

"use strict";
let hugeNumber_1 = 12345678901234567890n;        // 'n' at the end
alert(typeof hugeNumber_1);
let hugeNumber_2 = BigInt("12345678901234567890"); // no 'n'
alert(typeof hugeNumber_2);
// a 'small' BigInt can be created out of an integer value
let hugeNumber_3 = BigInt(123);
alert(typeof hugeNumber_3);

BigInt支持算术运算符+ - * / **、比较运算符和大多数按位运算符。

布尔值

[编辑 | 编辑源代码]

布尔变量可以包含两种可能的值之一,truefalse。JavaScript 通过布尔值 false、数字 0、NaN、空字符串或内置类型 undefined 或 null 来表示false。任何其他值都将被视为true

"use strict";
let firstLoop = true;
alert(typeof firstLoop);

未定义

[编辑 | 编辑源代码]

仅声明但未初始化为任何值的变量具有未定义数据类型。

"use strict";
let x;
// ...
alert(typeof x);
if (x == undefined) {
  // remedy the missing initialization
  x = 0; 
}
alert(typeof x);
// ...

在 JavaScript 中,被标记为原始值之一,因为它的行为看似是原始的。但是,当使用typeof运算符时,它会返回“object”。这被认为是一个错误,但它无法修复,因为它会破坏太多脚本。[1]

符号表示唯一的标识符。符号可能具有作为字符串传递给其构造函数的描述符。

"use strict";
// 'person' is a symbol with the description "Olaf"
const person = Symbol("Olaf");
alert(person.description); // Olaf

符号用作对象中的键(嵌入在[ ]中),以保证唯一性。

另请参阅

[编辑 | 编辑源代码]

有关数据类型的 ECMAScript 定义

... 可在另一个页面上找到(点击这里)。

参考文献

[编辑 | 编辑源代码]
  1. MDN: 空值
华夏公益教科书