8.concat:合并数组或者字符串,concat在项目中用的还是比较多的,最经典的就是一个表格数据是有两个或者三个数组组成的时候会用到,watch监听数组和concat结合使用。下期做一个例子。
let arr1 = ["a", 2]; let arr2 = ["b", 1]; let arr3 = arr1.concat(arr2); console.log(arr3);// ['a', 2, 'b', 1]; // 字符串 let str1 = "12345"; let str2 = "6789"; let str = str1.concat(str2); console.log(str); // "123456789"
9.indexOf:arr.indexOf(str,index): 从index这个下标开始,元素str第一次出现的位置,字符串也可以用。返回-1时表示元素不存在。
//数组 let arr = ["1", 1, "a", "b", "a"]; let arrIndex = arr.indexOf("a", 0); console.log(arrIndex); // 2 // 字符串 let str = "aabbc"; let strIndex = str.indexOf("a", 0); console.log(strIndex); // 0
10.lastIndexOf:该方法用来查找元素最后一次在数组中出现的位置,用法同indexOf。
11.join: 该方法是数组转字符串的方法。数组转字符串在项目中也有但是很少
//数组 let arr = ["1", 1, "a", "b", "a"]; let arrJoin1 = arr.join(); // 默认以逗号连接 console.log(arrJoin1); // 1,1,a,b,a // let arr = ["1", 1, "a", "b", "a"]; let arrJoin2 = arr.join(','); console.log(arrJoin2); // 1,1,a,b,a let arrJoin3 = arr.join('-'); console.log(arrJoin2); // 1-1-a-b-a
12.split:字符串转数组。参数是分隔符。这个在项目中用的还是比较多的,比如通过文件路径获取文件格式,做校验啥的
// 字符串 let str = "aabbc"; let strArr = str.split('a'); console.log(strArr); // ['', '', 'bbc']
13. :数组反转,这个其实基本不会用,只会做列表,sort比它更好用,更灵活。下面例子也做了sort和reverse的比较,大同小异吧。
let arr = ["1", 1, "a", "b", "a"]; let arrReverse = arr.reverse(); console.log(arrReverse); // ['a', 'b', 'a', 1, '1']; let arrSort = arr.sort((a, b) => { return a - b; }) console.log(arrSort); // ['a', 'b', 'a', 1, '1']
14.filter:过滤数组,返回值是过滤掉的元素组成的数组,不改变原数组。filter的项目场景很多,搜索功能,删除功能都可以用,之前做过一个下拉框选项关联就用到了。根据需求及个人习惯很好用的。
let arr = ["1", 1, "a", "b", "a"]; let arrFilter = arr.filter((item, index, arr) => { console.log(item); // 数组中每个元素 console.log(index); // 数组中元素对应的下标 console.log(arr); // 数组本身 return item == "a"; }) console.log(arr); // ["1", 1, "a", "b", "a"] console.log(arrFilter); // ['a', 'a']