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

  1 /**
  2  * 字符串的扩展
  3  */
  4 
  5 // 模板字符串  tab上面的反向符号 
  6 // 添加${}
  7 // let flag = true;
  8 // 
  9 // let html = `<ul>
 10 //               <li>
 11 //                 <span>${'首页'}</span>
 12 //                 <span></span>
 13 //                 <span></span>
 14 //                 <span class="${flag ? 'show' : 'hide'}"></span>
 15 //                 <span></span>
 16 //               </li>
 17 //             </ul>`;
 18 //             
 19 // console.log(html);
 20 
 21 
 22 
 23 /**
 24  * 1 repeat   复制功能
 25  * 2 includes()  查找返回布尔值
 26  *startsWith()   判断开头位置 返回布尔值
 27  *endsWith()     判断结尾位置 返回布尔值
 28  */
 29 
 30 // let str1 = 'a';
 31 // 
 32 // let str2 = str1.repeat(3);
 33 // 
 34 // console.log(str2);
 35 
 36 // let str = 'miaov';
 37 // 
 38 // console.log(str.includes('ao'));  // true
 39 // console.log(str.includes('asd'));  // false
 40 // 
 41 // console.log(str.startsWith('m')); // true
 42 // console.log(str.startsWith('o')); // false
 43 // 
 44 // console.log(str.endsWith('ov')); // true
 45 // console.log(str.endsWith('m')); // true
 46 
 47 
 48 
 49 /**
 50  * 数组的扩展
 51  */
 52 
 53 // Array.from()  类数组转换成数组
 54 
 55 // var lis = document.querySelectorAll('li');
 56 // 
 57 // // console.log(Array.isArray(lis));
 58 // 
 59 // var lis2 = Array.from(lis);
 60 // 
 61 // console.log(lis2);
 62 // console.log(Array.isArray(lis2));
 63 
 64 
 65 // Array.of()  创建数组
 66 
 67 // const arr = Array.of(1);
 68 // 
 69 // console.log(arr);
 70 
 71 
 72 // find()   返回符合元素，没有返回undefind
 73 // findIndex() 返回元素下标,没有返回 -1
 74 
 75 // const arr = [1, 2, 3, 4];
 76 // 
 77 // let res = arr.find(function (a){
 78 //   return a < -100;
 79 // });
 80 // 
 81 // console.log(res);
 82 
 83 // let res = arr.findIndex(function (a){
 84 //   return a < -200;
 85 // });
 86 // 
 87 // console.log(res);
 88 
 89 
 90 // fill()  替换数组的内容，可以选择下标位置进行指定的替换
 91 
 92 // const arr = [1, 2, 3, 4];
 93 // 
 94 // arr.fill('abc', 1, 3);
 95 // 
 96 // console.log(arr);
 97 
 98 
 99 
100 
101 /**
102  * 对象的扩展
103  */
104 
105 // 对象的简洁表示法
106 
107 let a = 1;
108 
109 // const obj = {
110 //   a: a
111 // };
112 
113 // const obj = {a}
114 // 
115 // console.log(obj);
116 
117 // const obj = {
118 //   fn: function (){
119 //     console.log(1);
120 //   },
121 //   fn2(){
122 //     console.log(2);
123 //   }
124 // }
125 // 
126 // obj.fn();
127 // obj.fn2();
128 
129 
130 
131 
132 // Object.is()  判断是否一样
133 
134 // console.log(Object.is(NaN, NaN));  //ture
135 // 
136 // console.log(Object.is(+0, -0));  //false
137 
138 
139 
140 // Object.assign()  第一个参数目标对象
141 // 用于对象的合并，将源对象的所有可枚举属性，复制到目标对象。
142 
143 let obj1 = {a: 1};
144 let obj2 = {a: 2, b: 3};
145 let obj3 = {c: 'abc'};
146 
147 Object.assign(obj1, obj2, obj3);
148 
149 console.log(obj1);