前端小知识Day5

1、数组快速去重

// 此方法仅适用于基本数据类型组成的数组
const arr = [1, 2, 3, 4, 5, 6];
const arr2 = new Set(arr);
const arr3 = [...arr2];

2、数组一些常用的方法

• push()
  向数组末尾添加一个或多个元素
  返回新数组的长度

let arr = [1, 2, 3];
arr.push(4, 5);
console.log(arr);    //  (5) [1, 2, 3, 4, 5]

• unshift()
  向数组的开头添加一个或多个元素
  返回新数组的长度

let arr = [1, 2, 3];
arr.unshift(4, 5);
console.log(arr);    //  (5) [4, 5, 1, 2, 3]

• pop()
  删除数组最后一个元素，若数组为空，则不改变数组，返回undefined
  返回被删除的元素

let arr = [1, 2, 3, 4, 5];
arr.pop();
console.log(arr);    //  (4) [1, 2, 3, 4]

• shift()
  把数组的第一个元素删除，若数组为空，则不改变数组，返回undefined
  返回第一个元素

let arr = [1, 2, 3, 4, 5];
arr.shift();
console.log(arr);    //  (4) [2, 3, 4, 5]

• splice()
  splice(1, 2, 3)，1：起始下标，2：连续删除多少项（为0则不删除），3：插入的数据（为0则不插入）

let arr = [1, 2, 3, 4, 5];
arr.splice(1, 1, "2");
console.log(arr);    //  (5) [1, "2", 3, 4, 5]

let arr=[1, 2, 3, 4, 5];
arr.splice(1, 1);
console.log(arr);    //  (4) [1, 3, 4, 5]

• slice()
  slice(1, 2)，1：起始下标，2：结束位置（若为0则返回下标后所有元素）

let arr = [1, 2, 3, 4, 5];
console.log(arr.slice(2));   //  (3) [3, 4, 5]

let arr = [1, 2, 3, 4, 5];
console.log(arr.slice(2, 4));    //  (2) [3, 4]

• join()
  把数组中所有元素放入一个字符串
  返回字符串

let arr = [1, 2, 3, 4, 5];
console.log(arr.join("+"));    //  1+2+3+4+5

• sort()
  对数组元素进行排序
  返回该数组

let arr = [2, 1, 3, 5, 4];
console.log(arr.sort());    //  (5) [1, 2, 3, 4, 5]

let arr = ["Mike", "Doinb", "Uzi", "Mary", "Faker", "ClearLove"];
console.log(arr.sort())    //  (6) ["ClearLove", "Doinb", "Faker", "Mary", "Mike", "Uzi"]

• reverse()
  颠倒数组中元素的顺序
  返回该数组

let arr = [1, 2, 3, 4, 5];
console.log(arr.reverse());    //  (5) [5, 4, 3, 2, 1]

• concat()
  连接两个或多个数组
  返回被连接数组的一个副本

let arr1 = ["RNG", "EDG"];
let arr2 = ["Uzi", "ClearLove"];
let arr3 = ["TOP", "SKT"];;
console.log(arr1.concat(arr2, arr3));    //  (6) ["RNG", "EDG", "Uzi", "ClearLove", "TOP", "SKT"]

• toString()
  把数组转为字符串
  返回数组的字符串形式

 let arr=[1, 2, 3, 4, 5];
console.log(arr.toString());    //  1,2,3,4,5