js 中对 数组 及 数组对象 的操作

模拟数据：

let testData = [10,200,60,5,150];

1. 需求：数组去重

var arr = [1,2,2,2,4,2];
for(var i = 0; i < arr.length; i++){
  for(var j = i + 1; j < arr.length; j++){
    if(arr[i] == arr[j]){
      arr.splice(j,1);// 删除 j 位置处的元素
      j--;
    }
  }
}
alert(arr);// 返回1,2,4三个元素

2. 需求：取出所有小于100的数

方法一：使用高阶函数 filter 
说明： filter中的回调函数必须返回一个boolean值
// true：当结果为true时，函数内部会自动将这次回调的n加入到新数组中
// false：当结果为false时，函数内部会自动将这次回调的n过滤掉

方法二：for循环

方法示例： 

方法一：filter
let resultData1 = testData.filter(e=>{
  return e<100;
})
console.log("小于100的数据结果：", resultData1);
## 小于100的数据结果： (3) [10, 60, 5]

方法二：for循环
let resultData1 = [ ];
for(let i = 0; i < testData.length; i++) {
  if(testData[i] < 100) {
    resultData1.push(testData[i]);
  }
}
console.log("小于100的数据结果：", resultData1);
## 小于100的数据结果： (3) [10, 60, 5]

for(let item of testData) {
  if(item < 100) {
    resultData1.push(item);
  }
}
console.log("小于100的数据结果：", resultData1);
## 小于100的数据结果： (3) [10, 60, 5]

3. 需求：对数组中的每一项乘以2

方法：使用 map  
说明： map 函数对数组中的每一项进行变化，map函数每次遍历返回的值会作为新的值

方法示例： 

let resultData2 = testData.map(function(n){
  return n * 2
})
console.log("每一项乘以2的结果：",resultData2);
## 每一项乘以2的结果： (5) [20, 400, 120, 10, 300]

4. 需求：将所有数相加

方法：使用for循环 

方法示例： 

let resultTotle = 0;
// 方法一
for(let i = 0; i < this.data.length; i++){
	totle += data[i]
}
console.log("所有数相加的结果：",resultTotle);
## 所有数相加的结果： 425
// 方法二
for(let i in testData) {
  resultTotle += testData[i];
}
console.log("所有数相加的结果：",resultTotle);
## 所有数相加的结果： 425
// 方法三
for(let item of testData) {
  resultTotle += item;
}
console.log("所有数相加的结果：",resultTotle);
## 所有数相加的结果： 425

5. 需求：在数组插入一条数值

 说明：从数组中添加/删除项目，然后返回被删除的项目

array.splice(index,count,item1,.....,itemX)

参数	描述
index	必须。规定从何处添加/删除元素。
count	必须。规定应该删除多少元素。如果未规定此参数，则删除从index开始到原数组结尾的所有元素。
count
item1, ..., itemX	可选。要添加到数组的新元素

方法示例：

① 使用 splice() 从指定位置删除指定个数的元素：

var arr = ['A','B','C','D'];
// 2个参数，第二个参数不为 0，实现删除功能
alert(arr.splice(0,2));
alert(arr);// 返回C,D

② 使用 splice() 用指定元素替换从指定位置开始的指定个数的元素： 

var arr = ['A','B','C','D'];
// 3个参数，第二个参数不为 0，实现替换功能：用 a 替换掉 A，返回：A
alert(arr.splice(0,1,'a'));
alert(arr);// 返回:a,B,C,D
alert(arr.splice(0,2,'a or b'));// 用a or b替换掉a和B，返回a,B
alert(arr);  // 返回：a or b,C,D

 ③ 使用 splice() 在指定位置添加指定的元素：

var arr = ['A','B','C','D'];
// 4个参数，第二个参数为 0，实现添加功能：在下标为 1 处添加 aaa,bbb，没有返回值
alert(arr.splice(1,0,'aaa','bbb'));
alert(arr);// 返回：A,aaa,bbb,B,C,D

示例：使用 splice() 方法实现数组去重。

var arr = [1,2,2,2,4,2];
for(var i = 0; i < arr.length; i++){
  for(var j = i + 1; j < arr.length; j++){
    if(arr[i] == arr[j]){
      arr.splice(j,1);// 删除 j 位置处的元素
      j--;
    }
  }
}
alert(arr);// 返回1,2,4三个元素

6. 需求：数组对象排序

利用数组api ——> sort来进行排序

var person = [
  {name:"Rom",age:12},
  {name:"Bob",age:22},
  {name:"Ma",age:5},
  {name:"Tony",age:25}
]
// 升序
person.sort((a,b)=>{ 
  return a.age-b.age
})
// 降序
person.sort((a,b)=>{ 
  return b.age-a.age
})

7. 需求：数组排序（升序）

方法：sort()

说明：sort()排序默认为升序

var arr = [1, 2, 3, 4, 5, 6];
var max1 = arr.sort();
console.log("升序:",max1);// max1 = [1, 2, 3, 4, 5, 6]

8. 需求：数组排序（降序）

方法：reverse()

说明：reverse()将数组掉个

var arr = [1, 2, 3, 4, 5, 6];
var max2 = arr.sort().reverse();
console.log(max2);// max2 = [6, 5, 4, 3, 2, 1]

9. 需求：取数组中的最大值

方法一：借助apply(),获得最大值

说明：由于max()里面参数不能为数组，所以借助apply(funtion,args)方法调用Math.max()，function为要调用的方法，args是数组对象，当function为null时，默认为上文,即相当于apply(Math.max,arr)

var arr = [1, 2, 3, 4, 5, 6];
var max = Math.max.apply(null,arr);
console.log(max);// max = 6

方法二：借助call(),获得最大值

说明：call()与apply()类似，区别是传入参数的方式不同，apply()参数是一个对象和一个数组类型的对象，call()参数是一个对象和参数列表

var max1 = Math.max.call(null,7,2,0,-3,5);
console.log(max1);// max1 = 7

方法三：sort()+reverse()

说明：sort()排序默认为升序，reverse()将数组掉个，即降序，取第一个则为最大值

var arr = [1, 2, 3, 4, 5, 6];
var max3 = arr.sort().reverse()[0];
console.log("最大数是:",max3);// max3 = 6

方法四：sort()

说明：sort()排序默认为升序

var arr = [1, 2, 3, 4, 5, 6];
var max2 = arr.sort(function(a,b){
  return b-a;
})[0];
console.log(max2);// max2 = 6