您的位置:首页 > 其它

ES6 学习笔记(一)String、数值、数组、对象

2018-01-12 10:24 330 查看
一:String

1.新特性,模版字符串。解释: 在反引号(“`”,~号键)中,使用${}作为模版,完成拼接工作。举例:

<script>
var name ="张三";
var age =18;
//使用拼接字符串方式
var str = "姓名:"+name+",年龄:"+age;
//使用ES6方式
var str2 =`姓名:${name},年龄:${age}`;
console.log(str);
console.log(str2);
</script>

${} 中也可以使用函数或者方法

var str = `the result is ${a+b}`;

2.新特性:repeat函数。解释:将目标字符串重复N次,返回一个新的字符串,不影响目标字符串。
例如:"abc".repeat(3); //输出:abcabcabc 将“abc”重复3次。

3.新特性:includes函数。解释,判断字符串中是否含有指定的子字符串,返回true表示含有和false表示未含有。第二个参数选填,

表示开始搜索的位置。此方法与indexOf()类似,不过indexOf返回的是查找字符串的位置,而includes返回的是True或False。

例如:“abcdef”.includes('a');//输出
true。

“abcdef”.includes('a',2);//输出
false。选填参数指明是从位置2开始匹配。即从c开始匹配。

4.新特性:startsWith和endWith函数。
解释:匹配函数。第二个参数选填,标识开始匹配的位置。

5.新特性:String.raw函数。解释:返回字符串最原始的样貌,即使字符串中含有转义符,也直接输出。

二:数值

1.方法转移。
解释:将原来的全局函数:isNaN(),parseInt() ,parseFloat()转移到了Number 下。

例如:Number.isNaN(123);
//输出 false。

2.
新特性:Number.isInteger。
解释:判断是否是整数。

3.新特性:Math.trunc。
解释:用于去除一个数的小数部分,返回整数部分。 比如 3.14将返回3。

4.新特性: Math.sign。解释:用来判断一个数到底是正数、负数、还是零。

5.新特性: Math.cbrt。解释:用于求一个数的立方根。
例如 8的立方根是2。

6。其他一些,如下:

Math.acosh(x) 返回 x 的反双曲余弦。
Math.asinh(x) 返回 x 的反双曲正弦。
Math.atanh(x) 返回 x 的反双曲正切。
Math.clz32(x) 返回 x 的 32 位二进制整数表示形式的前导 0 的个数。
Math.sinh(x) 返回x的双曲正弦。
Math.cosh(x) 返回 x 的双曲余弦。
Math.expm1(x) 返回 eˆx - 1。
Math.fround(x) 返回 x 的单精度浮点数形式。
Math.hypot(...values) 返回所有参数的平方和的平方根。
Math.imul(x, y) 返回两个参数以 32 位整数形式相乘的结果。
Math.log1p(x) 返回 1 + x 的自然对数。
Math.log10(x) 返回以 10 为底的x的对数。
Math.log2(x) 返回以 2 为底的 x 的对数。
Math.tanh(x) 返回 x 的双曲正切。:对象。
1.简化写法。如下:

var name = "张三";
var age = 18;

//传统的属性写法
var person = {
"name":name,
"age":age
};

//ES6的属性写法
var person2 = {name,age};
console.log(person2);
//结果:{name: "张三", age: 18}
方法的简化:
//传统的表示法
var person = {
say:function(){
alert('这是传统的表示法');
}
};

//ES6的表示法
var person = {
say(){
alert('这是ES6的表示法');
}
};2.
Object.is()函数。解释:比较两个值是否严格相等。基本等同于“===”。有一些例外,例如:
+0
=== -0 //输出:true。 Object.is(+0,-0); // 输出:false。

3.Object.assign。解释:将源对象的属性赋值到目标对象上

四:数组

1.

Array.of()。解释:将一组值,转换成数组。

2.
Array.from( ). 解释:可以将类似数组的对象或者可遍历的对象转换成真正的数组。

3.
find( )、findIndex( )。 解释:find(),找出数组中符合条件的第一个元素。findIndex()返回找到符合条件的第一个元素的索引。

4.fill(
)。 解释,填充数组,替换掉指定的数据。用法:fill(需要填充的数据,从第几位开始,到第几位截至)。

5.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: