b_字符串

字符模板

使用 ` tab键上面那个点包含起来，变量使用 ${变量} 括起来

	
	var a=1;
	var s=`
		a 
		${a}
		b
	`
	document.getElementsByTagName("p")[0].innerText=s;

页面中的效果：自动添加 br 换行

可以在函数中使用，参数传给字符串模板中的变量

	function crateLi(b){
		var li=`
			<li class='red'>age:${b}</li>
		`
		return li;
	}

	var b=5;
	var k=9;
	function aa(x,y,z){
		console.log(x,y,z);
	}
	aa`aaf,${k},Sc,${k}${b}`;
			
	//aa函数有三参数
	//都应该参数是一个由``中以${}为分隔符,分割模板字符串后形成的一个数组
	//["aaf,",",Sc,"]
	//第二个参数  是第一个变量   按顺序来${k}${k}${b}
	//第三个参数  是第二个变量  别的变量舍弃

字符串的方法

includes()：返回布尔值，表示是否找到了参数字符串。

	let str="aabc";
	console.log(str.includes("d")); //true
	console.log(str.includes("b",3)); //false 第二个参数 开始的下标(包含)
			
	// indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。第二个参数从那开始
	console.log(str.indexOf("a")); //0
	console.log(str.indexOf("a",1)); //1

repeat方法返回一个新字符串，表示将原字符串重复n次。

	let str="ac";
	console.log(str.repeat(2));//acac   把str重复两次
	console.log(str);//ac   str并没有改变 repeat（）返回的是一个新字符串
	console.log(str.repeat(0));//   把str删了
	console.log(str.repeat(2.6));//acac   把str重复两次  小数部分实行下舍入取整
	//	round()：四舍五入  ceil()：向上取整   floor()：向下取整（高斯函数）
	
	console.log(str.repeat("hh"));//   非数字等同于0

长度不够的时候补全，padStart()用于头部补全，padEnd()用于尾部补全。

	// 第一个参数为总的返回几个字符 不够的拿第二个参数补 
			
	console.log('x'.padStart(4, 'ab'))  // 'abax'  需要补三个 把第二个参数复制
	
	很多很多份abababababab..,从左往右取三个
			
	var str="abcd";
	console.log(str.padStart(2, '2'))  // 'abcd'   当第一个参数小于字符串原来的长度的 返回原字符串
	console.log(str.padEnd(8, '2'))  // 'abcd2222'   后面补

字符串常用的方法截取 slice\substring\substr

	let str="abcdef";	
	// 使用一个参数
	console.log(str.slice(2));//返回一个新的字符串  截取第二个之后所有的字符 cdef
	console.log(str.substring(2));//返回一个新的字符串 截取第二个之后所有的字符 cdef
	console.log(str.substr(2));// 返回一个新的字符串  截取第二个之后所有的字符 cdef

	// 使用两个参数
	console.log(str.slice(2,5));//截取第3(包含)个到第5（不包含）个之间的字符 cde
	console.log(str.substring(2,5));//截取第3(包含)个到第5（不包含）个之间的字符 cde
	console.log(str.substr(2,5));//截取从第3个开始往后数5位之间的字符 cdef

字符串常用的方法替换replace/连接concat

	var str="abaeaf";
	var str2="123456";
	console.log(str.replace(/a/g,"A"));  //AbAeAf   返回一个新的字符串 
	console.log(str);//abaeaf
	console.log(str2.concat(str)); //123456abaeaf

字符模板

字符串的方法

猜你喜欢