记录个人数组、字符串自己常忘记的方法,以及ES…
2018-06-24 01:33:25来源:未知 阅读 ()
记录自己在工作中,时不时使用,每次都要去查一下的基础方法。以及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] 1 console.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] 4 console.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 blue console.log('---------------------------------------------------------'); /* * slice 字符串截取 * 使用方法同数组一样 * */ var str2_1 = 'sky blue'; var str2_2 = str2_1.slice(1 , 5); console.log(str2_1 , str2_2);//sky blue ky b console.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 b console.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 b console.log('---------------------------------------------------------');
三、ES6在处理对象和数组中常用方式
1、数组过滤
2、数组循环(无返回值的)
3、数组循环(有返回值,按需求得到一个新的数组)
4、数组添加元素
5、对象添加
6、对象覆盖
7、获取对象中的值
/* * 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('---------------------------------------------------------'); /* * forEach 数组遍历 * 遍历的是当前数组 * */ const arr2_1 = ['a' , 'b' , 'c']; arr2_1.forEach((item , index) => { console.log(item , index);//a 0 b 1 c 2 }); console.log('---------------------------------------------------------'); /* * map 数组遍历 * 遍历的是当前数组,但是会返回一个新的数组,回调方法里需要return内容 * */ const arr3_1 = [2 , 3 , 4]; let arr3_2 = arr3_1.map((item , index) => { return (item*item + index) //新数组的内容为其中单个元素但是是乘积加上索引 }); console.log(arr3_2); console.log('---------------------------------------------------------'); /* * 数组添加元素 * 得到的是一个新数组 * */ const arr4_1 = [1 , 2]; let arr4_2 = [...arr2_1 , 3 , 4]; console.log(arr4_2);//(4) [1, 2, 4, 5] console.log('---------------------------------------------------------'); /* * 对象添加 * 得到一个新对象 * */ const obj5_1 = {a : 1 , b : 2} , c = 3; let obj5_2 = {...obj5_1 , c }; console.log(obj5_2);//{a: 1, b: 2, c: 3} console.log('---------------------------------------------------------'); /* * 对象覆盖 * 覆盖目标对象 * */ let obj6_1 = {a : 1 , b : 2} , obj6_2 = {a : 11 , b : 22} , obj6_3 = {c : 3}; Object.assign(obj6_1 , obj6_2 , obj6_3); console.log(obj6_1);//{a: 11, b: 22, c: 3} console.log('---------------------------------------------------------'); /* * 获取对象中的值 * */ const obj7_1 = {a7 : 1 , b7 : 2 , c7: 3}; let {a7 , b7 , c7 } = obj7_1; console.log(a7 , b7 , c7);//1 2 3
搞定!!!
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- JS简单去除数组中重复项的方法 2020-03-16
- 关于JS array的数组 2020-03-08
- javascript过滤数组重复元素的实现方法 2020-03-05
- jquery遍历筛选数组的几种方法和遍历解析json对象 2020-02-29
- javascript中怎样使用array数组 2020-02-20
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash