JS 陣列常用技巧

刪除陣列的重複項

var uniquefruits = array.from(new set(fruits));

console.log("刪除陣列的重複項", uniquefruits);

替換陣列中的特定值

var usernames = ['小組1', '小組2', '小組3', '小組4', '小組5'];

usernames.splice(0,2, '替換0', '替換1');
console.log(usernames);

var friends = [,,

,,,]
var friendsnames = array.from(friends, () => name);
console.log(friendsnames);
```4.置空陣列

friends.length = 0;

console.log(friends);

5. 將陣列轉換為物件

var friendss = ['小組', '氣溫低', '大眾', '高爾夫'];

var friendsobj01 = ;   // 將陣列轉換為物件
var friendsobj02 = object.values(friendsobj01);   //將物件轉換為陣列
console.log("01==", friendsobj01);
console.log("02==", friendsobj02);
// 方法2 將物件轉換為陣列
var friendsarr = ;   
for (var i in friendsobj01) 
console.log("方法2", friendsarr);

6. 用資料填充陣列

var nwearray = new array(10).fill('1');

console.log('用資料填充陣列', nwearray);

7. 陣列合併

var fruits03 = ['小組1', '小組2', '小組3', '小組4', '小組5'];

var food = [...fruits01, ...fruits02, ...fruits03];

console.log("陣列合併", food);

8.求兩個陣列的交集

//找到兩個陣列的交集，首先使用上面的方法確保所檢查陣列中的值不重複，接著使用.filter 方法和.includes方法

var numone = [0, 2, 4, 6, 8, 10];
var numtwo = [1, 2, 3, 4, 5, 6];
var duplicatedvalues = [...new set(numone)].filter(item => numtwo.includes(item));
console.log("求兩個陣列的交集", duplicatedvalues);

9.從陣列中刪除虛值

// 在 js 中，虛值有 false, 0，''， null, nan, undefined。咱們可以 .filter() 方法來過濾這些虛值。

var mixedarr = [0, 'blue', '', nan, 9, null, true, undefined, 'false', 'white'];
var truearr = mixedarr.filter(boolean);
console.log(truearr);

10. 從陣列中獲取隨機值

var names = ['隨機01', '隨機02', '隨機03', '隨機04', '隨機05', '隨機06'];

var randomname = names[(math.floor(math.random() * (names.length)))];
console.log("從陣列中獲取隨機值", randomname);

11.反轉陣列

var namess = ['隨機01', '隨機02', '隨機03', '隨機04', '隨機05', '隨機06'];

var reversenames = namess.reverse();
console.log("反轉陣列", reversenames);

12 lastindexof()

// 返回乙個指定的字串值最後出現的位置，在乙個字串中的指定位置從後向前搜尋。

var nums = [1, 5, 2, 6, 3, 5, 2, 3, 6, 5, 2, 7];
var lastindex = nums.lastindexof(5);
console.log(lastindex);

13.對陣列中的所有值求和

var numss = [1, 5, 2, 6];

var sum = numss.reduce((x, y) => x+y);
console.log(sum);

JS常用技巧

三元運算子 let hungry true let eat hungry yes no 數字和字串互 let num 15 let s num let n s 相當於 0 字串 物件和陣列互 let arr value1 value2 value3 let arrobject let key obj...

JS常用技巧

獲取事件的產生dom var source event.srcelement ie var source event.target 火狐等其他瀏覽器 source blur 使用例項1 varesrc if window.event else 使用例項2 if event.srcelement es...

js常用小技巧

陣列扁平化 const arr 1,2,3,4,5,6,7,8 console.log arr.flat infinity 1,2,3,4,5,6,7,8 console.log arr.join split 1 2 3 4 5 6 7 8 console.log arr.tostring spli...