ES6字符串模板 对字符串的操作

最新推荐文章于 2024-07-08 08:00:00 发布
最新推荐文章于 2024-07-08 08:00:00 发布
阅读量141 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37995109/article/details/88771966
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>字符串模板</title>
	</head>
	<!--<script type="text/javascript" src="js/es6.js" ></script>-->
	<body>
		
	</body>
	<script>
		//插值
		/*
		let jspang='技术胖';
		let blog = `
		非常高兴你能看到这篇文章，
		我是你的老朋友${jspang}。<br/>
		这节课我们学习字符串模版。`;
		document.write(blog);
		*/
		//支持运算
		/*
		let a=1;
		let b=2;
		let result=`${a+b}`;
		document.write(result);
		*/
		//查找关键字
		let jspang='技术胖';
		let blog = '非常高兴你能看到这篇文章，我是你的老朋友技术胖。这节课我们学习字符串模版。';
		//es6简便写法
		document.write(blog.indexOf(jspang)>0);
		document.write(blog.includes(jspang)>0);
		//查找开头有没有
		document.write(blog.startsWith(jspang));
		//查找结尾有没有
		document.write(blog.endsWith(jspang));
		//赋值字符串
		document.write('jspang|'.repeat(3));
		
		
		
	</script>
</html>

 

Lvdon9
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6 字符串(string)方法
webxuj的博客
07-11 281
1.includes() 返回的是布尔值 判断是否存在该字符 2 .startsWith() 返回布尔值判断字符是否出现在原字符串的头部 3 .endsWith() 返回布尔值 判断字符是否出现在原字符串的末尾 4.**repeat ()**返回的是一个新的字符串,表示将原字符串重复n次 如果是小数会向下取整： 0到-1之间的小数和NaN等同于0 返回的都是空字符串： 非字符串先转换为数值类型： padStart()，padEnd()，如果某个字符串不够指定长度，会在头部或尾部补全。 原字符串长
ES6字符串模板，剩余参数，默认参数功能与用法示例
11-27
ES6引入了反引号（`）来创建字符串模板，使得变量插入更加直观。例如： ```javascript var num = Math.random(); console.log(`your num is ${num}`); ``` 字符串模板可以嵌套，变量会被替换为它们的值，如果变量...
JavaScript字符串操作方法大全，包含ES6方法
weixin_34244102的博客
10-07 1314
一、charAt() 返回在指定位置的字符。 var str="abc" console.log(str.charAt(0))//a 二、charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 var str="abc" console.log(str.charCodeAt(1))//98 三、concat() 连...
ES6 字符串常用方法 includes、startsWith、endsWith、repeat、padStart、padEnd、trimStart、trimEnd、replaceAlll、at...
最新发布
m0_48968874的博客
07-08 974
ES6：全称为ECMAScript 6，是ECMAScript的第6版本，是 JavaScript 语言的下一代标准，2015 年 6 月正式发布。 ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）在标准ECMA-262中定义的脚本语言规范。
ES6操作字符串
mitrichev86的专栏
10-24 505
字符串遍历 let str = "hello"; //1.for遍历 for (let i = 0; i < str.length; i++) { console.log(i, str[i]); //i 索引 数值类型 } //2.数组->for->for in let arr = [1, 2, 3]; for (let i in arr) { console.log(i, ar
es6（三） 字符串的操作
zh__quan的博客
07-12 405
模板字符串 简化字符串的拼接 模板字符串必须用 `` 包含 变化的部分使用${xxx}定义 str = `我的名字是${obj.name},年龄是${obj.age}` let str = "string"; // 查找字符串是否包含 , 第二个参数可以确认 起始位置 console.log('includes',str.includes("i")); // 字符串 是否...
ES6的模板字符串
qq_39112047的博客
06-24 695
在ES6之前，如果我们想要将字符串和一些动态的变量(标识符)拼接到一起，是非常麻烦和丑陋的。首先，我们会使用 `` 符号来编写字符串，称之为模板字符串。其次，在模板字符串中，我们可以通过 ${expression} 来嵌入动态的内容。 标签模板字符串 模板字符串还有另外一种用法:标签模板字符串(Tagged Template Literals)。...
详解JavaScript ES6中的模板字符串
12-10
JavaScript ES6 中的模板字符串是语言的一个重要更新，它提供了一种更为简洁和灵活的方式来创建和操作字符串。模板字符串以反引号（`）包裹，不仅允许我们在字符串中直接插入变量，还支持多行书写和保留空白。这些...
深入浅出es6模板字符串
08-29
* 简化代码：使用ES6模板字符串可以简化代码，例如将多个字符串拼接操作合并成一个操作。 ES6模板字符串是一种非常实用的语法特性，能够极大地简化开发者的工作，并提高代码的可读性和维护性。
es6学习笔记（1）--字符串的扩展
星辰的笔记
12-19 190
string 1、charAt方法，返回字符串给定位置的字符
ES6字符串的用法
weixin_44106237的博客
08-21 216
ES6字符串的用法
ES6中字符串的方法和其他
cvenginner的博客
12-11 1286
ES6中字符串的方法和其他 字符串方法 Map class类 symbol 一、字符串方法 repeat() includes() startwith() endwith() trim() 1.repeat()用于返回重复字符串参数为重复的次数 const str="hello world" let result=str.repeat(2) console.log(result)//hello worldhello world 2.includes()用于判断是否存
ES6 字符串方法总结
m0_64691928的博客
03-01 278
字符串的方法总结
ES6学习之 模板字符串
子非鱼的博客
07-18 100
模板字符串使用反引号``包裹的字符串 `string text`; `string text line 1 string text line 2`; `string text ${expression} string text`; tag `string text ${expression} string text`; 功能 // 普通字符串 `In JavaScript '\n' is a line-feed.` // 多行字符串 `In JavaScript this is n.
字符串方法+ES6中字符串的方法
weixin_47075145的博客
08-20 3755
// "abc"分析：上面代码中，变量s1是字符串，s2是对象。由于s2是字符串对象方法返回的就是它所对应的原始字符串。字符串对象是一个类似数组的对象（很像数组，但不是数组）。// "b"
ES6学习笔记——字符串操作
weixin_44922268的博客
07-04 322
一、字符串查找 indexOf是基本的查找字符串验证的方法，在ES6中，又新增3种查找字符串方法：1、includes() 2、startsWith() 3、endsWith() includes() 返回值为布尔值，表示是否找到该字符串。例： const s = 'Hello world!'; s.includes('o'); // true startsWith() 返回值为布尔...
ES6 字符串
xiaochun365的博客
05-16 5668
1.字符串大小写转换 method.toLowerCase() method.toUpperCase() 2.字符串b是否在字符串a中出现 str.indexOf(stringb) !== -1 3.ES6 又提供了3种新方法 str.includes("a") //返回布尔值，表示str是否找到了参数a str.startsWith("a") //返回布尔值，表示是否在str的
字符串模板
通俗易懂
03-23 853
ES6字符串模板 目录ES6字符串模板模板字符串标签模板标签模板的变量应用 模板字符串 语法：把字符串写在``里面，${变量、表达式、函数}：获取值 var obj ={ name: '张三', age: 20 } // 传统打印 console.log("我的名字叫" + obj.name + ",今年" + obj.age + "岁"); // ES6 console.lo...
Es6之字符串处理常用方法
alearningWu的博客
12-25 1082
1.字符串的遍历器接口 let text = String.fromCodePoint(0x20BB7); for (let i = 0; i &lt; text.length; i++) { console.log(text[i]); } // " " // " " for (let i of text) { console.log(i); } // "
es6 字符串 追加字符
09-01
在ES6中，我们可以使用字符串模板（template literals）的语法来追加字符。字符串模板可以通过在反引号（`）中包裹字符来创建。 要在字符串末尾追加字符，我们可以使用字符串模板中的变量插入功能。首先，我们需要创建一个变量，用于存储我们要追加的字符。然后，我们可以在字符串模板中使用`${}`语法将变量的值插入到字符串中。 下面是一个示例代码： ```javascript let str = 'Hello'; let newChar = ' World'; let newStr = `${str}${newChar}`; console.log(newStr); // 输出：Hello World ``` 在上面的代码中，我们首先声明了一个变量`str`并赋值为字符串'Hello'。然后，我们创建了一个新的变量`newChar`并赋值为字符串' World'，表示要追加的字符。 接下来，我们使用`${}`将`str`和`newChar`插入到字符串模板中，并将结果赋值给新的变量`newStr`。最后，我们通过`console.log()`输出`newStr`的值，即追加了字符后的字符串。 通过使用字符串模板的变量插入功能，我们可以方便地在字符串中追加字符。同时，我们还可以在插入的变量中执行一些计算或逻辑操作，以便更灵活地构建字符串。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值