ES6学习笔记之字符串模板

对运算的支持
let a=1;
let b=2;
let result=${a+b};
document.write(result);
字符串查找
1.查找某个字符串中是否包含某个子字符串：

es5: indexOf 返回>0，代表包含；返回 < 0 代表不包含
es6: includes 直接返回true or false;
2.查看某个字符串开头或结尾是否有某个子字符串：

startsWith
endsWith
注意：加s
3.repeat()函数可以对字符串进行复制：

例如：document.write('hello-'.repeat(100))

ES6学习笔记之数组操作

1.json的数组格式：

let json={
    '0':'yellow',
    '1':'blue'，
    '2':'green',
    lenght:3
}

把json数组格式转换成数组：

let arr=Array.from(json);
console.log(arr); //['yello','blue','green'];

2.Array.of()方法：

let arr=Array.of(3,4,5,6);
console.log(arr);  //[3,4,5,6]

//还可以对字符串进行转换
let arr=Array.of('green','blue','yellow');
console.log(arr);  //['green','blue','yellow']

3.find()实例方法：

let arr=[1,2,3,4,5,6];
console.log(arr.find(function( value,index,arr){
    return value>5; 
}));

4.fill()实例方法：

fill()也是一个实例方法，它的作用是把数组进行填充，它接收三个参数，
第一个参数是填充的变量，第二个是开始填充的位置，第三个是填充到的位置的下一个位置的序号。

let arr=[0,1,2,3,4,5,6,7,8,9];
arr.fill('hello',2,5);
console.log(arr);  //[0, 1, "hello", "hello", "hello", 5, 6, 7, 8, 9]

5.数组的遍历

for...of循环：

1.这种形式比ES5的for循环要简单而且高效。先来看一个最简单的for…of循环：

let arr=['green','blue','yellow']

for (let item of arr){
    console.log(item);
}

2.for…of数组索引:有时候开发中是需要数组的索引的，那我们可以使用下面的代码输出数组索引。

let arr=['green','blue','yellow']

for (let index of arr.keys()){
    console.log(index);
}

可以看到这时的控制台就输出了0,1,2，也就是数组的索引。

同时输出数组的内容和索引：

我们用entries()这个实例方法，配合我们的for…of循环就可以同时输出内容和索引了。

let arr=['green','blue','yellow']

for (let [index,val] of arr.entries()){
    console.log(index+':'+val);
}

entries( )实例方法

entries()实例方式生成的是Iterator形式的数组，那这种形式的好处就是
可以让我们在需要时用next()手动跳转到下一个值。我们来看下面的代码：

let arr=['green','blue','yellow']
let list=arr.entries();
console.log(list.next().value);
console.log(list.next().value);
console.log(list.next().value);

ES6学习笔记之对象

对象赋值

ES6允许把声明的变量直接赋值给对象，我们看下面的例子。

let name='Jack';
let age=19;
var obj={name,age};
console.log(obj);

对象Key值构建

有时候我们会在后台取出key值，而不是我们前台定义好的，这时候我们如何构建我们的key值那。比如我们在后台取了一个key值，然后可以用[ ] 的形式，进行对象的构建。

let key='skill';
var obj={
    [key]:'web'
}
console.log(obj.skill);

自定义对象方法

对象方法就是把兑现中的属性，用匿名函数的形式编程方法

var obj={
    add:function(a,b){return a+b;}
}
console.log(obj.add(1,2));

什么时候用{}，什么时候不用？

当export {xx} 时,使用 import { xx } from xxx
当export default xx 时，使用 import xx from xxx