ES6 字符串新增方法

字符串新增方法

startsWith() endsWith();

{
    let str = "JackAfan是我";
    console.log(str.startsWith("Jack",2));//val,第几位开始; 检测字符串是由什么开始的,返回值:布尔值
    console.log(str.endsWith("我",10));//判断结尾值: val,只看前几位
}

str.repeat();

{
    let str = "a";
    console.log(str.repeat(10));//重复
}

模板字符串

{
    // 模板字符串: 字符串的新拼接方法
    let oP = document.querySelector("p");
    let name = "JackAfan";
    let age = 20;
    oP.innerHTML = `
    今年<strong>${name}</strong><strong>${age}</strong>岁了
    `;
    /*
        1.使用: ${} 进行拼接内容 -> 插值表达式
        2.支持换行
     */
    //  插值表达式:也可以使用三目运算、函数调用
    oP.innerHTML = `今年<strong>${name}</strong><strong>${age>12?"保密":age}</strong>岁了`;
}

原文地址:https://www.cnblogs.com/Afanadmin/p/12343940.html

时间: 2024-10-09 15:31:54

ES6 字符串新增方法的相关文章

看es6 字符串新方法有感

'x'.repeat(3) // "xxx" 'hello'.repeat(2) // "hellohello" 'na'.repeat(0) // "" 'x'.padStart(5, 'ab') // 'ababx''x'.padStart(4, 'ab') // 'abax'   上面是es6的新方法 es5 prototype可以写出 无聊写了点 String.prototype.repead=function(n){ var arr=n

ES6中字符串新增方法

1.重复输出字符串 string.repeat() <script type="text/javascript"> var str = "by"; console.log(str.repeat(3));//bybyby console.log(str.repeat(2.7));//byby console.log(str.repeat(0));//空串 console.log(str.repeat(-3));//error </script>

ES6字符串新增API之padStart妙用

ES6在日常开发中用的已经很普遍了,其中对字符串处理能力加强,新增了几个有用的API,例如:trimStart,trimEnd,pasStart, padEnd, stratsWith, endsWith, include, repeat...等等.今天我们要讨论的是pasStart/pasEnd. 曾几何时,我们在处理时间格式化问题的时候,经常会遇到“补零问题”,简单来说,就是不满十位,个位补0,于是就有了如下代码: const seconds = str > 10 ? str : `0${s

ES6 第五章 字符串的新增方法 具体参照 http://es6.ruanyifeng.com

1.FormCodePoint 对象方法 用于从 Unicode 码点返回对应字符,可以识别原来es5不能识别的大于0xFFFF的码点. String.fromCodePoint(0x20BB7) // "??"2.codePointAt 实例方法 let s = '??a'; for (let ch of s) { console.log(ch.codePointAt(0).toString(16)); } // 20bb7 // 613.string.raw() 转译反斜杠 对象方

es6字符串拼接

1.以前,js多行字符串用\n写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表示方法,用` ... `表示 旧版写法 alert("你好,\n 我叫\n Olive"); es6写法 alert(`你好 我叫 olive`);//注意这里的两个点是键盘上数字键1左边的按键,而不是单引号哦 2.以前,把多个字符串连接起来,可以用+号连接 var name ="olive"; var age= 26; var message='hello,my name i

ES6字符串和正则表达式改动

1. ES6字符串变更 (1)includes() 方法,如果在字符串中检测到指定文本返回true,否则返回false (2)startsWith()方法,如果在字符串的起始部分检测到文本,则返回true,否则返回false (3)endsWith()方法,如果在字符串的结束部分检测到文本,则返回true,否则返回false 以上方法都接收两个参数,一个是要检测的文本,第二个参数是可选的,也即检索开始的位置,在第三个方法中,从字符串长度减去这个索引值的位置开始匹配 (4)repeat()方法,接

es6数组的方法

1.复习的函数 函数是由关键字function声明的,他是一个引用数据类型,是Function的实例,在调用的时候会开辟一个私有空间 2.函数的成员 arguments:null  (是实参构成的数组集合) caller:null(是这个函数的调用者,函数在A个函数内调用,那么A就是这个函数的调用者,在window下caller是null) 案例: function fn(){ console.log(fn.caller) } function f(){ fn(23,56) } f()     

ES6 字符串&amp;正则表达式

目录 第二章 字符串和正则表达式UTF-16码位codePointAt()方法String.fromCodePoint()方法normalize()方法正则表达式u修饰符其他字符串变更字符串中的字串识别repeat()方法其他正则表达式语法变更y修饰符正则表达式的复制flags属性模板字面量基础语法多行字符串字符串占位符标签模板定义标签原始值 第二章 字符串和正则表达式 UTF-16码位 在UTF-16中,前2^16^均以16位的编码单元表示,这个范围被称作基本多文种平面(BMP, Basic

数组和字符串的方法整合

js中的数组和字符串有点类似,不是说本质上,而是在遍历,获取时的类似.从标识来说,可以一眼看出那个是数组,那个是字符串:但在使用遍历时,会不经意的将两者混淆,导致方法用错.同时两者的方法又有好几个相同的,但需注意语义,以及有些方法是不会对原数组产生影响的.以下是我整理的一些关于数组和字符串的一些方法,不保证完整性. 数组方法 arr.push()      可向数组的末尾添加一个或多个元素,并返回新的长度.会影响原数组 1 var a = [1,2]; 2 a.push(3); 3 consol