es6字符串扩展

	



let str = '中华上下五千年！';
for(let i of str){//这个是字符串的遍历 比 单纯的for要好
	//console.log(i);//中华上下五千年！
}

//at  需要垫片库才能实现  但是我install了string.prototype.at但是，没有用，还是报错，有成功和我说一声哈
console.log(str.at(1));
//charAt
console.log(str.charAt(2));//上

//一个字符串是否包含在另一个字符串中
//includes()  startsWith()  endsWith()
//这三个都是返回布尔值，includes()是表示是否找到了字符串，startsWith()表示头部是否是该字符串，endsWith()表示尾部是否是该字符串
console.log(str.includes('中华'));//true
console.log(str.startsWith('上下'));//false
console.log(str.startsWith('中华'));//true
console.log(str.startsWith('中'));//true  从头部开始查找，是否是该字符串
console.log(str.startsWith('上下',2))//true  第二个参数是指从下标几开始查找
console.log(str.endsWith('五'))//false
console.log(str.endsWith('五千年！'));//true
console.log(str.endsWith('！'));//true  从尾部开始往前找，是否是该字符串
console.log(str.endsWith('上下',4));//true  针对前几个字符是否是该字符串，前四个字符里，是否有“上下”  


//重复。repeat()

let name = 'a';
let newname = name.repeat(2);
console.log(name);//a
console.log(newname);//aa  将字符串重复几次  返回新的字符串，原字符串不变  小数会被取整，不是四舍五入哈


//头部尾部补全。 padStart()  padEnd()

let str1 = 'd';
let str2 = 'ff';
console.log(str1.padStart(2,'0'));//0d  padStart()两个参数，第一个为该字符串的最小长度，第二个是补全字符串用的字符串是什么
console.log(str1);//d  说明补全字符串之后，返回的是一个新的字符串，原来的字符串没有被改变
console.log(str2.padStart(1,'0'));//ff
console.log(str2.padStart(2,'0'));//ff  说明了原字符串的长度等于或者大于补全字符串的最小长度，就返回原字符串
console.log(str2.padStart(10,'0123456789'));//01234567ff  说明了如果用于补全字符串的字符串长度大于原字符串+补全字符串的最小长度，就会被截取
console.log(str2.padEnd(10,'0123456789'));//ff01234567
console.log(str2.padStart(6));//    ff   第二个参数不存在的时候，会用空格来补全

//padStart() 主要有两个用途：1、补全数字指定位数 2、提示字符串格式

let str3 = '10';
console.log(str3.padEnd(5,'.00'));//10.00

console.log(str3.padStart(4,'0'));//0010

let str4 = '12';
console.log(str4.padStart(10,'YYYY-MM-DD'));//YYYY-MM-12

console.log(str4.padStart(8,'HH:MM:SS'));//HH:MM:12


//模版字符串  `  `   反引号

console.log(`五十六个民族，五十六枝花`);
console.log(
	`五十六个
		兄弟民族是一家`);//控制台输出是保留格式的，很不错哟，让我想起了一个标签 <pre>，他俩有异曲同工之妙

let age = 10;

console.log(`俺弟弟今年${ age }岁了哟！`);//这里的变量  age  就是这样加入的
console.log(`俺弟弟是${ age > 9 ? '大人' : '小孩'}哟！`);//这里也可以写三目运算 也可以写Javascript表达式、对象属性引用、函数执行引用

//在模版字符串中想要使用反引号，需要转译  使用  /   /`  

//模版字符串里如果是标签，会自动转成html的


import $ from '../common/newjquery.js';

$('#list').html(`<p>dedede</p>`)

//模版字符串还可以嵌套使用

let arr = [1,2,3];

$('#list').html(`<div>
					<p>第一个p标签</p>
					${arr.map((item)=>{
						return `<p>第${item}个p标签</p>`
					}).join('')}  
				</div>`)
//如果后面没有用join的话，出来的页面会有逗号，用了之后，join会把字符串按空串联起来，join的作用就是将数组里每个元素变成字符串，并且用参数串联起来
/**
上面就是模版字符串的嵌套使用，
下面是模版字符串的另一种使用：标签模版
*/

console.log`调用里console这个函数哟！`  //这里就调用了console.log这个函数
let arr1 = ['value1','value2','value3']
function fun(v1,...v2){
	console.log(arguments)//三个参数，第一个参数是没有被替换的字符串组成的数组，['第一个','第二个','']，第二个参数是value1，第三个参数是value2，这里需要注意的是，变量的替换是在两个字符串之间，例如第一个和第二个之间，第二个和第三个之间
	console.log(v1,'1111111');//['第一个','第二个','']
	console.log(v2,'2222222');//['value1','value2']
}
fun`第一个${arr1[0]}第二个${arr1[1]}`