Home > Web Front-end > JS Tutorial > body text

Sharing about the commonly used new methods of string in ES6

小云云
Release: 2017-12-23 11:34:50
Original
1982 people have browsed it

ES6 adds many new methods to js, ​​including traversal, query, replacement, etc., which can easily replace similar methods in ES5. This article mainly introduces the commonly used new methods of string string in ES6, combined with example forms This article summarizes and analyzes the new methods, functions and usage techniques commonly used in string strings in ES6. Friends in need can refer to it. I hope it can help everyone.

for…of:


let str="wbiokr";
for(let s of str){
  console.log(s)
}
//结果:w, b, i, o, k, r
Copy after login

Because es5 does not have a string-related traversal method for js , for...of will undoubtedly play a very important role in the next front-end development.

includes:


let str="wbiokr";
str.includes('wb');//结果:true
str.includes('wbiokr');//结果:true
str.includes('w',1);//false
str.includes('b',1);//true
Copy after login

string.includes(s,i) method parameter 1 needs to be queried Character (string), parameter 2 is the starting position of the query, returns a Boolean value, and indexOf returns the position of the query.

startsWith:


let str="wbiokr";
str.startsWith('wb');//结果:true
str.startsWith('w');//结果:true
str.startsWith('w',1);//结果:false
str.startsWith('b',1);//true
str.startsWith('kr');//结果:false
Copy after login

string.startsWith(s,i) method parameter 1 needs to be queried Character (string), parameter 2 is the starting position of the query, and returns a Boolean value, indicating whether the character (string) is located at the head position of the string.

endsWith:


let str="wbiokr";
str.endsWith('kr');//结果:true
str.endsWith('r');//结果:true
str.endsWith('wb');//结果:false
str.endsWith('i',6);//false
str.endsWith('i',3);//false
str.endsWith('kr',6);//true
Copy after login

string.endsWith() method parameter 1 is the required query character (string ), parameter 2 is the starting position of the query, and returns a Boolean value indicating whether the character (string) is located at the end of the string.

repeat:


let str="wbiokr";
str.repeat(2);//wbiokrwbiokr"str被重复了2次返回,str不改变
'hi'.repeat(3);//"hihihi"
'hi'.repeat(2.6);//'hihi'浮点类型参数,会取整重复
'hi'.repeat(0);//''0的时候返回空字符串
'hi'.repeat(-3)//负数,报错
'hi'.repeat(undefined)//''undefined转化为0
'hi'.repeat(null)//''null转化为0
'hi'.repeat(NaN)//''NaN转化为0
Copy after login

string.repeat(num) method, the parameter num is a repeated string The number of times, please see the code for the return values ​​in various situations.

${}:


let str="wbiokr";
$('#box').html('
  there is a word ${str},i know it
');
//there is a word wbiokr,i know it
Copy after login

During the development process, jq is often used to dynamically add elements To add sub-elements or dynamically add content, in the past we added variables through string concatenation. The addition of ES6 can very well replace the old method of jq. Single quotes plus '${}' can not only embed variables, but also maintain the code format, and js code can be run inside {}.

Related recommendations:

Detailed explanation of javaScript string tool class StringUtils

Implementation of converting string to String array in Java Method

JS method to convert string string into json object

The above is the detailed content of Sharing about the commonly used new methods of string in ES6. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!