【ES6 学习 -- 字符串新增方法】的更多相关文章

ES6 学习 -- 字符串新增方法

1.检测字符串中是否包含某个字符 ES5方法:string.indexOf("需要检测的字符"),如果返回值为-1,则说明当前字符串中不存在这个字符,返回值不为-1,则 是当前字符在字符串中第一次出现的位置 ES6方法:string.includes("需要检测的字符"), 如果返回true,说明包含这个字符,返回false说明不存在 例如:test("s"); // 返回true,字符串test中包含字符s 2.ES6检测字符串是否以某个字符开…

ES6 - 基础学习(4): 模板字符串和字符串新增方法

模板字符串 模板字符串:我理解为将字符串格式化.模板化,将字符串加强处理,此处的模板有动词的意思. 字符串模板基本格式: `xxxxxx`(前后都用反引号[tab键上面按键]引起来).除了作为普通字符串 外:还可以用来定义多行字符串:也可以在字符串中插入变量和表达式,进行字符串内容扩充和计算. 1.普通字符串: let testStr = `ES6 TestDemo`; console.log(testStr); // ES6 TestDemo 2.普通字符串 添加标签.换行符: let tes…

ES6学习笔记之字符串新增方法

1.字符串的子串识别 传统上,Javascript 只有indexof 方法,用来确定一个字符串是否包含在另一个字符串中.如: //indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. //如果要检索的字符串值没有出现,则该方法返回 -1. let a = 'abcde'; console.log(a.indexOf('cd')); //2 现在ES6 又提供了三种新方法.每个方法都可接收2个参数,需要检测的子字符串,以及开始匹配的索引位置. includes(str, i…

ES6数组对象新增方法

1. Array.from() Array.from方法用于将两类对象转为真正的数组:类数组的对象( array-like object )和可遍历( iterable )的对象(包括 ES6 新增的数据结构 Set 和Map ). let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5 的写法 var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c'] // ES…

ES6之字符串扩展方法（常用）

es6这个String对象倒是扩展了不少方法,但是很多都是跟字符编码相关,个人选了几个感觉比较常用的方法: includes 搜索字符的神器 还记得我们之前如何判断某个字符串对象是否包含特地字符的吗? var str='google'; if(str.indexOf('o')>-1){ console.log('yes'); }else{ console.log('no'); } indexOf本来只是一个获取字符对应位置的方法,因为找到不到会返回-1这个值,就成了判断是否包含的方法,inclu…

es6 模本字符串拼接方法 ``

1.字符串拼接  可以使用 es6  ` ` 配合 ${xxx} 具体操作上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h…

ES6学习--Array.from()方法

Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组. 那么什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象. 1.将类数组对象转换为真正数组: let arrayLike = {     0: 'tom',      1: '65',     2: '男',     3: ['jane','john','Mary'],     'length': 4 } let arr = Array.from(arrayLike) console.…

ES6 学习 -- 字符串模板

ES5及以前,动态操作dom结构时,要多个字符串和变量拼接,如果不换行处理,则需要写很长的代码,不利于阅读理解,如果进行换行写入,则需要一堆的"+"号来连接文本与变量,写起来非常麻烦,如下: var html = "<div>" + my.name + "</div>"; 如果有很多个标签,那么需要很多次拼接,写起来很麻烦,并且结构复杂非常臃肿 而在ES6中,通过模板字符串,可以简单快捷的拼接字符串与变量,还可以实现换行写…

ES6对象的新增方法的使用

Object.assign Object Object.assign(target, ...sources) 将所有可枚举属性的值从一个或多个源对象复制到目标对象 参数: target 目标对象 sources 源对象 返回值: 目标对象 Object.is Boolean Object.is(value1, value2) 判断两个值是否是相同的值. 规则: 两个值都是 undefined 两个值都是 null 两个值都是 true 或者都是 false 两个值是由相同个数的字符按照相同的顺序…

JS&ES6学习笔记（持续更新）

ES6学习笔记(2019.7.29) 目录 ES6学习笔记(2019.7.29) let和const let let 基本用法 let 不存在变量提升 暂时性死区 不允许重复声明 块级作用域 级作用域 ES6的块级作用域 块级作用域与函数声明 const 基本用法 本质 顶层对象 解构赋值 数组的解构 基本用法 默认值 对象的解构 基本用法 默认值 注意点 字符串的解构 数值布尔值的解构 函数参数的解构 圆括号问题 不能使用圆括号的情况 可以使用圆括号的情况 用途 for.for in.for…