Two ways to format strings by JS (backticks and)

This article introduces two implementation methods:

1. Use backticks to implement (recommended)

ES6 template strings are enhanced strings, identified by backticks (`). They can be used as ordinary strings, or used to define multi-line strings, or to embed variables in strings.

Syntax format:

`The string you want to output……${Variable name}The string you want to output……${Variable name}`

Application example:

 &lt;script&gt;
         = function() {
            var name = "Xu Keke";
            var age = 25;
            var sex = "male";
            (`Hello everyone，My name is${name}，gender${sex},This year${age}It's old`);
        }
 &lt;/script&gt;

2. Custom method implementation

Properties represent String prototype objects. All instances of String are inherited from . Any changes will affect all String instances. The function of JS to extend string splicing is first of all, the transformation of basic functions:

 = function(){
  if(==0){
    return this;
  }
  for(var s=this, i=0; i<; i++){
    s = (new RegExp("\\{"+i+"\\}","g"), arguments[i]);
  }
  return s;
};

Then it's called:

//Method 1var test = 'mine{0}yes{1}';
var result = ('ID','coco56');
//Method 2var test = 'mine{description}yes{name}';
var result = ({description:'ID',name:'coco56'});

Below are the additions from other netizens

Format string

Used replace is not suitable for multiple repetitions

&lt;!-- lang: js --&gt;
 = function(args) {
    var result = this;
    if ( &lt; 1) {
        return result;
    }
    var data = arguments;		//If the template parameters are array    if ( == 1 &amp;&amp; typeof (args) == "object") {
        //If the template parameter is an object        data = args;
    }
    for (var key in data) {
        var value = data[key];
        if (undefined != value) {
            result = ("{" + key + "}", value);
        }
}
    return result;
}

Version 2 uses replaceAll

&lt;!-- lang: js --&gt;
/**
  * Replace all strings matching exp to the specified string
  * @param exp Regularity of the replaced part
  * @param newStr Replaced string
  */
 = function (exp, newStr) {
	return (new RegExp(exp, "gm"), newStr);
};
/**
  * Prototype: String formatting
  * @param args Format parameter value
  */
 = function(args) {
	var result = this;
	if ( &lt; 1) {
		return result;
	}
	var data = arguments; // If the template parameter is an array	if ( == 1 &amp;&amp; typeof (args) == "object") {
		// If the template parameter is an object		data = args;
	}
	for ( var key in data) {
		var value = data[key];
		if (undefined != value) {
			result = ("\\{" + key + "\\}", value);
		}
	}
	return result;
}

How to use:

&lt;!-- lang: js --&gt;
//Two ways of callingvar template1="I am{0}，This year{1}It's";
var result1=("loogn",22);
var template2="I am{name}，This year{age}It's";
var result2=({name:"loogn",age:22});
//Both results are"I'm loogn, it's 22 this year"

ReplaceaAll is used for version 2, meaning that when multiple replacement bits appear in the text, they can be replaced. var template1="I am {0}, this year {1}, lucy is {1}"; var

//The result is "I'm loogn, I'm 22 this year, and lucy is 22 this year."

This is the end of this article about two methods of formatting JS strings (backticks and) in JS. For more related JS formatting string content, please search for my previous articles or continue browsing the related articles below. I hope everyone will support me in the future!