JS 数组操作集合

分手后的思念是犯贱 2021-08-19 12:11 449阅读 0赞

**目录**

一、JS 对象数组，根据对象中某个属性从大到小排序sort

二、数组去重

三、数组元素重复次数统计，并建立新对象记录元素和重复次数

四、判断单个元素在不在某个数组中

五、数组在最前面（最后面、指定位置）添加一条记录

六、JSON数组中移动某一项到最后

七、截断数组

8、获取数组中的最后几项

--------------------

## 一、JS 对象数组，根据对象中某个属性从大到小排序sort ##

**应用场景：**一个对象数组，比如：

要求根据对象中某个字段（如age）由小到大排序。

实现：

arraySort:function(arr,sortfield){
                //var arr = [{'name': '张三', age: 26},{'name': '李四', age: 12},{'name': '王五', age: 37},{'name': '赵六', age: 4}]; 
                var objectArraySort = function (keyName) {  
                    return function (objectN, objectM) {   
                        var valueN = objectN[keyName];   
                        var valueM = objectM[keyName] ;  
                        if (valueN < valueM) return 1;
                        else if (valueN > valueM) return -1   
                        else return 0  
                    } 
                } 
                arr.sort(objectArraySort(sortfield)) ;
                return arr;
            },

## 二、数组去重 ##

数组去重，详见文章：[https://blog.csdn.net/happy81997/article/details/102561439][https_blog.csdn.net_happy81997_article_details_102561439]

本文推荐几个去重效率高的方法

1、先sort排序后，再去重

2、通过ES6的map方法去重（重点推荐）

3、通过ES6的set方法去重（重点推荐）

function uniqueArray(arr) {
      return Array.from(new Set(arr))
    }

4、ES6+展开操作（**...**）一起

const array = [1, 1, 2, 3, 5, 5, 1];
    const uniqueArray = [...new Set(array)];
    console.log(uniqueArray); // Result: [1, 2, 3, 5]

## 三、数组元素重复次数统计，并建立新对象记录元素和重复次数 ##

应用场景：使用一个对象，记录\{ 元素，重复次数 \}

//方法：使用obj记录重复的元素，以及出现的次数
                function getCount(arr) {
                    var obj = {},
                        k, arr1 = [];
                    for(var i = 0, len = arr.length; i < len; i++) {
                        k = arr[i];
                        if(obj[k])
                            obj[k]++;
                        else
                            obj[k] = 1;
                    }
                    console.log(obj)
                    //保存结果{el-'元素'，count-出现次数}
                    for(var o in obj) {
                        arr1.push({
                            el: o,
                            count: obj[o]
                        });
                    }
                    console.log(arr1);
                }
    
                getCount([4, 2, 2, 3, 1])

## 四、判断单个元素在不在某个数组中 ##

方法一：  
    in_Array:function(string,array){
                  for( s=0;s<array.length;s++){
                      thisString=array[s].toString();
                      if(thisString==string){
                          return true;
                      }
                  }
                  return  false;
              },
    
    
    方法二：
    
    let arr = ["a","b","c"];
    arr.indexOf("a")
    
    //如果不在数组里，则返回-1，再数组里返回其他的。值和类型都要一致

## 五、数组在最前面（最后面、指定位置）添加一条记录 ##

**5.1 在最后面添加一条记录：push**

let myArray=[11,22,33];
    myArray.push(44,55);

**5.2 在最前面添加一条记录：unshiift**

myArray.unshift(66,77);

输出结果：66,77,11,22,33

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70][]

**5.3 在指定位置添加一条记录：splice**

myArray.splice(2,0,'指定位置') ;  //索引第三个位置，删除0个元素，添加“指定位置”这个值

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 1][]

splice()用法：

![70][]

## 六、JSON数组中移动某一项到最后 ##

**应用场景**：JSON数组中，需要把某一项移动的数组的最后位置

**解决办法**：

先找到这个项，并记录下索引index，然后赋值给个中间变量，然后删除这一项，最后重新push进数组到最后位置即可。

myjson.map((item,index) =>{
    if(item.name="要找的目标"){
        var val=item;
        myjson.splice(index,1)  //删除这一项
        myjson.push(val);    //重新添加到最后
    }
    })

## 七、截断数组 ##

7.1 从头开始截断

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    array = array.slice(0, 4);
    console.log(array); // Result: [0, 1, 2, 3]

## 8、获取数组中的最后几项 ##

数组方法`slice()`可以接受负整数，如果提供它，它将接受数组末尾的值，而不是数组开头的值。

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    console.log(array.slice(-1)); // Result: [9]
    console.log(array.slice(-2)); // Result: [8, 9]
    console.log(array.slice(-3)); // Result: [7, 8, 9]

[https_blog.csdn.net_happy81997_article_details_102561439]: https://blog.csdn.net/happy81997/article/details/102561439
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70]: /images/20210724/e8a00de17e2c42a28fb30f6d6ad69613.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcHB5ODE5OTc_size_16_color_FFFFFF_t_70 1]: /images/20210724/e87c3b77eacc43a09838ddf86b10db59.png
[70]: /images/20210724/4867548cb9984179b3e57e67fa1c08a5.png