ES6字符串用法示例

本文概述

  • 通过使用字符串文字
  • 通过使用String对象(使用new关键字)
  • 字符串属性
  • ES6字符串方法
  • JavaScript字符串方法
JavaScript字符串是一个代表字符序列的对象。通常, 字符串用于保存基于文本的值, 例如人名或产品说明。
在JavaScript中, 单引号或双引号内的任何文本均视为字符串。有两种方法可以在JavaScript中创建字符串:
  • 通过使用字符串文字
  • 通过使用字符串对象(使用new关键字)
让我们详细说明在JavaScript中创建字符串的两种方法。
通过使用字符串文字可以使用双引号或单引号来创建字符串文字。创建字符串文字的语法如下:
var stringname = "string value";

通过使用String对象(使用new关键字)在这里, 我们将使用新的关键字来创建字符串对象。创建字符串对象的语法如下:
var stringname = new String ("string literal");

字符串属性字符串的一些属性列表如下:
S.no. 属性 描述
1. 建设者 它返回一个对象的构造函数。
2. 长度 它返回字符串的长度。
3. 原型 它允许我们将方法和属性添加到现有对象。
让我们详细讨论上述字符串属性。
JavaScript字符串构造函数属性
constructor属性返回对象的构造函数。它返回函数的引用, 而不是函数的名称。
语法
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 GrintBCA20

ES6字符串方法ES6中有四个可用的字符串函数, 其列表如下:
S.no. 方法 描述 JavaScript版本
1. 以。。开始 它确定字符串是否以指定字符串的字符开头。 ECMAScript 6
2. 以。。结束 它确定字符串是否以指定字符串的字符结尾。 ECMAScript 6
3. 包括 如果指定的参数在字符串中, 则返回true。 ECMAScript 6
4. 重复 它返回基于指定的count参数重复的新字符串。 ECMAScript 6
让我们详细讨论上述字符串方法。
startsWith()方法
这是区分大小写的方法, 它确定字符串是否以指定的字符串字符开头。如果字符串以字符开头, 则返回true, 否则返回false。
语法
string.startsWith(searchValue, startPosition)

此方法包括两个参数, 如下所示:
  • searchValue:这是此方法的必需参数。它包括要在字符串开头搜索的字符。
  • startPosition:这是一个可选参数。其默认值为0。它指定字符串中开始搜索的位置。
【ES6字符串用法示例】例子
var str = 'Welcome to srcmini :)'; console.log(str.startsWith('Wel', 0)); console.log(str.startsWith('wel', 0));

输出如下
truefalse

EndsWith()方法
这也是区分大小写的方法, 它确定字符串是否以指定字符串的字符结尾。
语法
string.endsWith(searchvalue, length)

该方法的参数定义如下:
  • searchValue:这是必需的参数, 表示要在字符串末尾搜索的字符。
  • length:它是一个可选参数。它是要搜索的字符串的长度。如果省略此参数, 则该方法将搜索字符串的全长。
例子
var str = "Welcome to srcmini."; console.log(str.endsWith("to", 10))console.log(str.endsWith("To", 10))

输出如下
truefalse

include()方法
这是区分大小写的方法, 它确定字符串是否包含指定字符串的字符。如果字符串包含字符, 则返回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))

输出如下
truefalse

repeat()方法
它用于构建一个新字符串, 该字符串包含指定数量的已调用此方法的字符串的副本。
语法
string.repeat(count)

该函数有一个参数。
  • count:它是必填参数, 它显示重复给定字符串的次数。此参数的范围是从0到无穷大。
例子
var str = "hello world"; console.log(str.repeat(5));

输出如下
hello worldhello worldhello worldhello worldhello world

JavaScript字符串方法让我们看看下面列出的一些JavaScript方法:
S.no. 方法 描述 JavaScript版本
1. charAt() 它提供了char值, 该值出现在指定的索引处。 ECMAScript1
2. charCodeAt() 它提供了Unicode字符值, 该值出现在指定的索引处。 ECMAScript1
3. concat() 它提供两个或多个字符串的组合。 ECMAScript1
4. match() 它用于搜索给定字符串中的指定正则表达式, 如果匹配则返回该表达式。 ECMAScript1
5. toString() 它给出了代表特定对象的字符串。 ECMAScript1
6. indexOf() 它给出了char值的位置, 该值出现在给定的字符串中。 ECMAScript1
7. lastIndexOf() 它通过从最后一个位置搜索一个字符来给出给定字符串中的char值位置。 ECMAScript1
8. replace() 它将指定的字符串替换为指定的字符串。 ECMAScript1
9. search() 它搜索特定的正则表达式, 如果匹配则返回其位置。 ECMAScript1
10. valueOf() 它提供字符串对象的原始值。 ECMAScript1
11. slice() 它用于获取给定字符串的一部分。 ECMAScript1
12. split() 它将字符串拆分为子字符串数组, 并返回新创建的数组。 ECMAScript1
13. substr() 它根据指定的长度和起始位置获取给定字符串的一部分。 ECMAScript1
14. substring() 它根据指定的索引获取给定字符串的一部分。 ECMAScript1
15. toLocaleLowerCase() 它将根据主机的当前比例将给定的字符串转换为小写字母。 ECMAScript1
16. toLocaleUpperCase() 它将根据主机的当前比例将给定的字符串转换为大写字母。 ECMAScript1
17. toLowerCase() 它只是将给定的字符串转换为小写字母。 ECMAScript1
18. toUpperCase() 它只是将给定的字符串转换为小写字母。 ECMAScript1
19. trim() 它从字符串的左侧和右侧修剪空白。 ECMAScript5

    推荐阅读