前言:
小白的js之路......
?
1. 遍歷數組/集合 forEach
usernameArray = [];
//遍歷
users.forEach((user, index) => {let username = user.name;//取出用戶名添加到數組usernameArray[index] = username;
})
2. 數組過濾filter()和查找find()
let arr = s.filter( x => {return x == 'b'
})
console.log(arr) //["b", "b"]// find只會返回匹配到的第一個值
let a = s.find( x => {return x == 'b'
})
console.log(a) //b
3.? 將數組轉為一個字符串join()
join() 方法用于把數組中的所有元素轉換一個字符串,?元素是通過指定的分隔符進行分隔的。
let arr = ['劉','亦','菲']let str = arr.join() //默認使用逗號分隔
console.log(str) //劉,亦,菲let str1 = arr.join('');
console.log(str1) //劉亦菲
4. 采用set()去重數組元素
let nameStr = '劉亦菲,古力娜扎'
let arr = ['王菲','唐嫣','劉亦菲']
console.log(new Set(nameStr.split(',').concat(arr))); //Set(4)?{"劉亦菲", "古力娜扎", "王菲", "唐嫣"}
console.log(...new Set(nameStr.split(',').concat(arr))); //劉亦菲 古力娜扎 王菲 唐嫣
console.log([...new Set(nameStr.split(',').concat(arr))]); //(4)?["劉亦菲", "古力娜扎", "王菲", "唐嫣"]//這句代碼的意思是將原始字符串nameStr和新的數組合并,然后通過set對象去重,在轉換為字符串
nameStr = [...new Set(nameStr.split(',').concat(arr))].join();
console.log(nameStr) //劉亦菲,古力娜扎,王菲,唐嫣
?5. 插入元素到指定位置 push()/unshift()/splice()
let myArray=[1,2,3];// 用push在數組后面插入元素 myArray.push(4,5); console.log(myArray); // [1, 2, 3, 4, 5]// 用unshift在數組前面插入元素 myArray.unshift(6,7); console.log(myArray); // [6, 7, 1, 2, 3, 4, 5]// 用splice在數組指定位置插入元素 myArray.splice(2,0,'腎虛少年'); console.log(myArray); // [6, 7, "腎虛少年", 1, 2, 3, 4, 5]
?