学学JavaScript（ES6）对象、函数、字符串新语法

IT技术最前线 2017-06-06 18:12

作为程序员，应该紧跟时代潮流，多学习几门编程语言，技多不压身，JavaScript就是其中一门非常有用的语言，学好它，走遍天下都不怕找不到工作，目前最新稳定的版本是ECMAScript2015，简称ES6。今天来讲讲程序员必须熟悉这门编程语言的对象、函数、字符串新语法！

---

字符串的拓展

增加了模板字符串，以后就不用一个个用引号连接字符串了，用Tab键上面的```````键将HTML中的内容包括起来即可。

模板字符串

/**

* 1 、repeat

* 2 、includes() startsWith() endsWith()

*/

let str1 = 'a';

let str2 = str1.repeat(3);//aaa

console.log(str2);

let str = 'miaov';

console.log(str.includes('ao')); // true

console.log(str.includes('asd')); // false

console.log(str.startsWith('m')); // true

console.log(str.startsWith('o')); // false

console.log(str.endsWith('ov')); // true

console.log(str.endsWith('m')); // true

新增加了repeat()、includes() 、startsWith() 、endsWith()等方法，这个看看上面的代码就知道，不用我多说了吧。

数组的拓展

学习一门语言，最好的方式还是先看看代码，自己动手实现以下就理解了，如下：

---

Array.from()

var lis = document.querySelectorAll('li');

// console.log(Array.isArray(lis));

var lis2 = Array.from(lis);

console.log(lis2);

console.log(Array.isArray(lis2));

Array.of()

const arr = Array.of(1);

console.log(arr);

find() findIndex()

const arr = [1, 2, 3, 4];

let res = arr.find(function (a){

return a < -100;

});

console.log(res);

let res = arr.findIndex(function (a){

return a < -200;

});

console.log(res);

fill()

const arr = [1, 2, 3, 4];

arr.fill('abc', 1, 3);

console.log(arr);

对象的扩展

// Object.is()

// console.log(Object.is(NaN, NaN));

//

// console.log(Object.is(+0, -0)); //false

// Object.assign()

// 用于对象的合并，将源对象的所有可枚举属性，复制到目标对象。

let obj1 = {a: 1};

let obj2 = {a: 2, b: 3};

let obj3 = {c: 'abc'};

Object.assign(obj1, obj2, obj3);

console.log(obj1);

---

对与上面JavaScript有不理解的程序员，可以找我！