ES6之字符串学习】的更多相关文章

以下是常用的方法不是全部方法 1.codePointAt()方法 有一些字段需要4个字节储存,这样charCodeAt方法的返回就是不正确的,用codePointAt()方法就可以返回 十进制的值.如果要十六进制的值,可以使用toString方法转换 var s = '…
es6从零学习(一):let 和 const 命令 一:let 变量 1.块级作用域{}:let只在自己的块级作用域内有效. for(let i =0;i<3;i++) { console.log(i) } console.log(i) 以上代码输出0,1,2之后,输出了i is not defined.因为i是let定义的,只能在自己的块级作用域读取到. for(var i =0;i<3;i++) { console.log(i) }console.log(i) 以上代码输出0,1,2,3.…
确实因为现在天气变热了,所以一天天的这么写我也很累.所以如果阅读的时候有什么错误还请大家指出来,不好意思.学习永无止境. OK,今天继续讲解ES6系列知识 学过上一节的解构赋值就知道,ES6确实给我们带来不少方便,但是ES6的方便之处远不止这些,今天又带来一个很实用的东西:字符串的扩展. 字符串的扩展 简答说,ES6对字符串新增了一些函数和操作规范,使得开发者对字符串的操作更加方便,以往需要借助其他javascript代码才能实现的效果,现在利用这些函数即可快速实现. 新特性:模板字符串 “模板…
采用拼接字符串的形式,将 JSON 数据嵌入 HTML 中.开始时代码量较少,暂时还可以接受.但当页面结构复杂起来后,其弱点开始变得无法忍受起来: 书写不连贯.每写一个变量就要断一下,插入一个 + 和 ".十分容易出错. 无法重用.HTML 片段都是离散化的数据,难以对其中重复的部分进行提取. 无法很好地利用 标签.这是 HTML5 中新增的一个标签,标准极力推荐将 HTML 模板放入 标签中,使代码更简洁. replace+正则实现 项目刚开始用的数据拼接 function formatStr…
在es6里边对字符串添加了一些东西! 字符串模板(非常友善) 相信大家之前都遇到过万恶的字符串拼接,真是噩梦,不过之后有了字符串模板之后,再也不用担心字符串拼接会乱了... 之前的字符串拼接 let name ='Strive'; let age = 18; let str = '这个人叫'+name+', 年龄是 '+age+'岁'; console.log(str); let str1=`这个人叫${name},年龄是${age}岁`//现在是这样的 //简直不要太方便有没有 其实这样还好吧…
ES6中字符串扩展 ① for...of 遍历字符串: 例如: for(let codePoint of 'string'){ console.log(codePoint) } 运行结果: ②  includes(),startsWith(),endsWith() 说明:三个方法都接收两个参数,第一个参数为检索的值,第二个参数为检索的起始位置,返回布尔值 例如: let s = 'Hello world!'; const [a, b, c] = [ s.startsWith('Hello', 2…
s的方法 根据index取value: 取首尾项,arr[0], arr[arr.length-1] 根据value取index(判断是否包含子字符串): s.indexOf 栗子: 'maotai'.indexOf('mao'), 如果不包含则返回-1,如果包含返回子字符串下标 取切片 s.substr(1,3) //含3 s.substring(1,3)//不含3 和arr之间的转换: s.split: s转为arr s = 'maotai|maomao' s.split('|') // […
前言 主要讲解了ES6对字符串的拓展,包括includes,startsWith和endsWith,另外增加了字符串模板. Start includes()是否包含 startsWith()以什么开头 endsWith()以什么结尾 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ES6-字符串</title> </head> &l…
es6从零学习(五):Module的语法 ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量 一:es6模块化和 CommonJS 和 AMD 模块 (运行时加载)的区别 1.运行时加载 // CommonJS模块 let { stat, exists, readFile } = require('fs'); // 等同于 let _fs = require('fs'); let stat = _fs.stat; let exists = _fs.ex…
es6从零学习(四):Class的继承 一:继承的方式 1.Class 可以通过extends关键字实现继承 class Point { } class ColorPoint extends Point { constructor(x, y, color) { super(x, y); // 调用父类的constructor(x, y) this.color = color; } toString() { return this.color + ' ' + super.toString(); /…