ES6 学习笔记(一)String、数值、数组、对象
2018-01-12 10:24
330 查看
一:String
1.新特性,模版字符串。解释: 在反引号(“`”,~号键)中,使用${}作为模版,完成拼接工作。举例:
${} 中也可以使用函数或者方法
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.
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.
相关文章推荐
- JNI学习笔记:(1)开篇(2)本地代码访问Java代码 (3)本地方法取得Java属性/调用java方法 (4)本地代码创建Java对象(包括javaString) (5) 本地方法处理java数组
- JNI学习笔记 C++传递结构体、String、数组对象给JavaC++传递结构体、String、数组对象给Java
- JS 学习笔记--5---对象和数组
- ES6 Promise对象的学习笔记
- C++学习笔记21 多态遇上对象数组
- 【MongoDB学习笔记23】MongoDB的索引对象和数组
- (24)Java学习笔记——常用对象API / Arrays(数组工具类)
- ES6 Promise对象学习笔记
- js学习笔记——对象和数组
- java学习笔记(四)----对象、数组作为参数传递,静态变量、静态方法的使用,内部类,使用文档注释
- 《Ext江湖》学习笔记--JS中变量、对象和数组的定义与使用
- javascript学习笔记:对象和数组
- (3)JavaScript学习笔记 - 函数、对象、数组
- js学习笔记 - String字符串对象
- JavaWeb学习笔记03-js的String对象
- Es6 学习笔记(一)数组扩展
- Python学习笔记5-字符串、bool、数值操作和数组字典排序
- (3)JavaScript学习笔记 - 函数、对象、数组
- ECMAScript6简介和学习笔记(二)数组 函数 对象
- iOS学习笔记(一)---NSMutableString可变数组