记录个人数组、字符串自己常忘记的方法,以及ES常用处理方式

2018-02-26 08:13:47来源:cnblogs.com作者:骨月枫人点击

分享

记录自己在工作中,时不时使用,每次都要去查一下的基础方法。以及ES6经常使用的方法

一、Array

1、concat 合并数组

2、shift 获取数组第一个元素 unshift 向数组首位添加一个元素

3、pop 获取数组中最后一个元素

4、slice 截取数组

5、splice 对数组的增删改

/* * concat 合并数组 * 该方法并不会改变原有的数组结构,而是生成一个新的数组 * */var arr1_1 = [1 , 2 , 3] , arr1_2 = [4 , 5];var arr1_3 = arr1_1.concat(arr1_2);console.log(arr1_1 , arr1_2 , arr1_3);//(3) [1, 2, 3] (2) [4, 5] (5) [1, 2, 3, 4, 5]console.log('---------------------------------------------------------');/* * shift 获取数组中的第一个元素 * unshift 向数组第一项添加一个元素 * 该方法会把数组第一个元素给删除 * */var arr2_1 = [1 , 2, 3 , 4];var item2 = arr2_1.shift();console.log(arr2_1 , item2);//(3) [2, 3, 4] 1console.log(arr2_1.unshift(1));//(4) [1 ,2, 3, 4]console.log('---------------------------------------------------------');/* * pop 获取数组中最后一个元素 * 该方法会把数组最后一个元素给删除 * */var arr3_1 = [1 , 2, 3 , 4];var item3 = arr3_1.pop();console.log(arr3_1 , item3);//(3) [1, 2, 3] 4console.log('---------------------------------------------------------');/* * slice 截取数组 * 该方法不会改变原有数组的结构,两个参数为[)左闭右开的区间,两个参数均代表index索引 * */var arr4_1 =  [1 , 2, 3 , 4];var arr4_2 = arr4_1.slice(1 , 3);console.log(arr4_1 , arr4_2);//(4) [1, 2, 3, 4] (2) [2, 3]console.log('---------------------------------------------------------');/* * splice  * 数组方法中最强大的,包含数组操作的增删改 * 它会修改原有的数组结构,并返回一个新数组 * 可以传入多个参数splice(index , length , args) * index 开始的索引 length 删除元素的长度 args 向索引处添加的元素(可以为多个) * */var arr5_1 = [1 , 2, 3 , 4 , 5];//1、删除var arr5_2 = arr5_1.splice(1 , 2);console.log(arr5_1 , arr5_2);//(3) [1, 4, 5] (2) [2, 3]//2、新增var arr5_3 = [1 , 2, 3 , 4 , 5];var arr5_4 = arr5_3.splice(1 , 0 , 9 , 8);console.log(arr5_3 , arr5_4);//(7) [1, 9, 8, 2, 3, 4, 5] []//3、修改var arr5_5 = [1 , 2, 3 , 4 , 5];var arr5_6 = arr5_5.splice(1 , 2 , 9 , 8);console.log(arr5_5 , arr5_6);//(5) [1, 9, 8, 4, 5] (2) [2, 3]    

二、String

1、concat 拼接字符串

2、slice 字符串截取

3、substring 字符串截取

4、substr 字符串截取

/* * concat 拼接字符串 * */var str1_1 = 'sky ';console.log(str1_1.concat('blue'));//sky blueconsole.log('---------------------------------------------------------');/* * slice 字符串截取 * 使用方法同数组一样 * */var str2_1 = 'sky blue';var str2_2 = str2_1.slice(1 , 5);console.log(str2_1 , str2_2);//sky blue ky bconsole.log('---------------------------------------------------------');/* * substring 字符串截取 * 使用方法同slice一样 * */var str3_1 = 'sky blue';var str3_2 = str3_1.substring(1 , 5);console.log(str3_1 , str3_2);//sky blue ky bconsole.log('---------------------------------------------------------');/* * substr 字符串截取 * 同样是接收2个参数,一个是开始截取的索引位置,一个是要截取的长度 * */var str4_1 = 'sky blue';var str4_2 = str4_1.substr(1 , 4);console.log(str4_1 , str4_2);//sky blue ky bconsole.log('---------------------------------------------------------');

三、ES6在处理对象和数组中常用方式

1、数组过滤

2、数组添加元素

3、对象添加

4、对象覆盖

5、获取对象中的值

/* * filter 数组过滤 * 该方法会返回一个新数组 * */const arr1_1 = [1 , 2 ,3 ,4 ,5];let arr1_2 = arr1_1.filter(item => item != 3);console.log(arr1_2);//(4) [1, 2, 4, 5]console.log('---------------------------------------------------------');/* * 数组添加元素 * 得到的是一个新数组 * */const arr2_1 = [1 , 2];let arr2_2 = [...arr2_1 , 3 , 4];console.log(arr2_2);//(4) [1, 2, 4, 5]console.log('---------------------------------------------------------');/* * 对象添加 * 得到一个新对象 * */const obj3_1 = {a : 1 , b : 2} , c = 3;let obj3_2 = {...obj3_1 , c };console.log(obj3_2);//{a: 1, b: 2, c: 3}console.log('---------------------------------------------------------');/* * 对象覆盖 * 覆盖目标对象 * */let obj4_1 = {a : 1 , b : 2} ,    obj4_2 = {a : 11 , b : 22} ,    obj4_3 = {c : 3};Object.assign(obj4_1 , obj4_2 , obj4_3);console.log(obj4_1);//{a: 11, b: 22, c: 3}console.log('---------------------------------------------------------');/* * 获取对象中的值 * */const obj5_1 = {a5 : 1 , b5 : 2 , c5 : 3};let {a5 , b5 , c5 } = obj5_1;console.log(a5 , b5 , c5);//1 2 3

搞定!!! 

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台