ES6 字符串

JavaScript 字符串是表示序列的对象的字符。通常，字符串用于保存基于文本的值，例如人名或产品描述。

在 JavaScript 中，单引号或双引号内的任何文本都被视为字符串。在 JavaScript 中有两种创建字符串的方法:

使用字符串文字
通过使用字符串对象(使用 new 关键字)

让我们详细说明在 JavaScript 中创建字符串的两种方式。

通过使用字符串文字

可以通过以下方式创建字符串文字使用双引号或单引号。创建字符串文字的语法如下:

var stringname = "string value";

通过使用 String 对象(使用 new 关键字)

这里，我们将使用 new 关键字来创建字符串对象。创建字符串对象的语法如下:

var stringname = new String ("string literal");

字符串属性

字符串的一些属性列表如下:

属性	说明
constructor	返回对象的构造函数。
length	它返回字符串的长度。
prototype	它允许我们将方法和属性添加到现有对象中。

让我们详细讨论上面的字符串属性。

JavaScript 字符串构造函数属性

构造函数属性返回对象的构造函数。它返回函数的引用，而不是函数的名称。

语法

string.constructor

示例

var str = new String("Hello World");
console.log("Value of str.constructor is: "+str.constructor);

输出

Value of str.constructor is: function String() { [native code] }

JavaScript 字符串长度属性

顾名思义，该属性返回字符数或字符串长度。

语法

string.length

示例

var str = new String("Hello World");
console.log("The number of characters in the string str is: "+str.length);

输出

The number of characters in the string str is: 11

JavaScript 字符串原型属性

它允许我们在现有的对象类型中添加新的方法和属性。它是一个全局属性，几乎适用于所有 JavaScript 对象。

语法

object.prototype.name = value;

示例

function student(name, qualification){
this.name = name;
this.qualification = qualification;
}
student.prototype.age = 20;
var stu = new student('Daniel Grint' , 'BCA');
console.log(stu.name);
console.log(stu.qualification);
console.log(stu.age);

输出

Daniel Grint BCA 20

ES6 字符串方法

ES6 中有四种字符串函数可用，列表如下:

方法	说明	JavaScript 版本
startsWith	判断一个字符串是否以指定字符串的字符开头。	ECMAScript 6
endsWith	判断一个字符串是否以指定字符串的字符结尾。	ECMAScript 6
includes	如果指定的参数在字符串中，则返回真。	ECMAScript 6
repeat	它返回一个基于指定计数参数重复的新字符串。	ECMAScript 6

让我们详细讨论上面的字符串方法。

startsWith() 方法

这是一个case-sensitive 方法，它确定字符串是否以指定的字符串字符开头。如果字符串以字符开头则返回true，否则返回false。

语法

string.startsWith(searchValue, startPosition)

该方法包含两个参数，如下:

searchValue: 是这个方法的必需参数。它包括要在字符串开头搜索的字符。
startPosition: 这是一个可选参数。其默认值为0。它指定字符串中开始搜索的位置。

示例

var str = 'Welcome to lidihuo :)'; 
console.log(str.startsWith('Wel',0));
console.log(str.startsWith('wel',0));

输出

true false

endsWith() 方法

它也是一个区分大小写的方法，用于判断一个字符串是否以以下字符结尾指定的字符串与否。

语法

string.endsWith(searchvalue, length)

该方法的参数定义如下:

searchValue: 是必须的参数，代表字符串末尾要搜索的字符。
长度: 这是一个可选参数。它是将被搜索的字符串的长度。如果省略此参数，则该方法将搜索字符串的全长。

示例

var str = "Welcome to lidihuo.";
console.log(str.endsWith("to", 10))
console.log(str.endsWith("To", 10))

输出

true false

includes() 方法

它是一个区分大小写的方法，用于判断字符串是否包含指定的字符字符串与否。如果字符串包含字符则返回true，否则返回false。

语法

string.includes(searchValue, start)

来了解一下这个方法的参数。

searchValue: 这是一个必需参数。它是要搜索的子字符串。
start: 表示在字符串中开始搜索的位置。其默认值为 0。

示例

let str = "hello world"
console.log(str.includes('world',5));
console.log(str.includes('World', 11))

输出

true false

repeat() 方法

它用于构建一个新字符串，该字符串包含调用此方法的字符串的指定数量的副本.

语法

string.repeat(count)

这个函数只有一个参数。

count: 这是一个必需参数，显示重复给定字符串的次数。这个参数的范围是从0到无穷大。

示例

var str = "hello world";
console.log(str.repeat(5));

输出

hello worldhello worldhello worldhello worldhello world

JavaScript 字符串方法

让我们看看下表列出的一些 JavaScript 方法:

方法	说明	JavaScript 版本
charAt()	它提供存在于指定索引处的字符值。	ECMAScript1
charCodeAt()	它提供了 Unicode 字符值，该值出现在指定的索引处。	ECMAScript1
concat()	它提供了两个或多个字符串的组合。	ECMAScript1
match()	用于在给定字符串中搜索指定的正则表达式，如果匹配则返回该表达式。	ECMAScript1
toString()	它给出一个代表特定对象的字符串。	ECMAScript1
indexOf()	它给出了在给定字符串中出现的字符值的位置。	ECMAScript1
lastIndexOf()	它通过从最后一个位置搜索一个字符来给出给定字符串中的字符值位置。	欧共体MAScript1
replace()	它用指定的替换替换给定的字符串。	ECMAScript1
search()	它搜索特定的正则表达式并在匹配发生时返回其位置。	ECMAScript1
valueOf()	它提供字符串对象的原始值。	ECMAScript1
slice()	用于获取给定字符串的一部分。	ECMAScript1
split()	将字符串拆分为子字符串数组并返回新创建的数组。	ECMAScript1
substr()	它根据指定的长度和起始位置获取给定字符串的部分。	ECMAScript1
substring()	它根据指定的索引获取给定字符串的一部分。	ECMAScript1
toLocaleLowerCase()	它根据主机的当前比例将给定的字符串转换为小写字母。	ECMAScript1
toLocaleUpperCase()	它根据主机当前的比例将给定的字符串转换为大写字母。	ECMAScript1
toLowerCase()	它只是将给定的字符串转换为小写字母。	ECMAScript1
toUpperCase()	它只是将给定的字符串转换为小写字母。	ECMAScript1
trim()	它从字符串的左侧和右侧修剪空白。	ECMAScript5

ES6 变量

ES6 对话框