ES6__字符串、数组、对象的扩展

/**
 * 字符串的扩展
 */

// 模板字符串  tab上面的反向符号 
// 添加${}
// let flag = true;
// 
// let html = `<ul>
//               <li>
//                 <span>${'首页'}</span>
//                 <span></span>
//                 <span></span>
//                 <span class="${flag ? 'show' : 'hide'}"></span>
//                 <span></span>
//               </li>
//             </ul>`;
//             
// console.log(html);



/**
 * 1 repeat   复制功能
 * 2 includes()  查找返回布尔值
 *startsWith()   判断开头位置 返回布尔值
 *endsWith()     判断结尾位置 返回布尔值
 */

// let str1 = 'a';
// 
// let str2 = str1.repeat(3);
// 
// 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



/**
 * 数组的扩展
 */

// 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()   返回符合元素，没有返回undefind
// findIndex() 返回元素下标,没有返回 -1

// 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);




/**
 * 对象的扩展
 */

// 对象的简洁表示法

let a = 1;

// const obj = {
//   a: a
// };

// const obj = {a}
// 
// console.log(obj);

// const obj = {
//   fn: function (){
//     console.log(1);
//   },
//   fn2(){
//     console.log(2);
//   }
// }
// 
// obj.fn();
// obj.fn2();




// Object.is()  判断是否一样

// console.log(Object.is(NaN, NaN));  //ture
// 
// 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);