JavaScript中常用的数组操作

js中有很多可以对数组进行操作的方法，接下来记录一下我们常用的一些操作方法

push 数组末尾进行添加  

<script>
    //  push 末尾添加
    let arr = [1,2,3,4]
    let arr1 = arr.push(5) 
    console.log(arr)
    console.log(arr1)
</script>

它会给我们返回一个添加完后数组的长度

---

pop 末尾删除

<script>
    let arr = [1,2,3,4]
    let arr1 = arr.pop()
    console.log(arr)
    console.log(arr1)
</script>

它会返回删除完成后的数组长度

---

shift  头部删除

<script>
    // 头部删除
    let arr = [2,3,4,5]
    let arr1 = arr.shift()
    console.log(arr)
    console.log(arr1)
</script>

它会返回删除的下标的值

---

unshift 头部添加

<script>    
    // 头部添加
    let arr = [2,3,4,5]
    let arr1 = arr.unshift(1)
    console.log(arr)
    console.log(arr1)
</script>

他会返回添加完后的数组长度

---

splice 可以删除对应下表或者替换  用法：splice(下标,删除几个,要替换的新值)

<script>    
    // splice 删除
    let arr = [1,2,3,4,5]
    let arr1 = arr.splice(2,1)
    console.log(arr)
    console.log(arr1)
    // splice 替换
    let arrone = [1,2,3,4,5]
    let arrtwo = arr.splice(2,1,{name:'马云'})
    console.log(arrone)
    console.log(arrtwo)
</script>

它会返回一个数组，里面是我们删除或者更换的下标

---

sort 排序 

 <script>
     //sort排序
    let arr = [3,1,5,2,4]
    let arr1 = arr.sort()
    console.log(arr)
    console.log(arr1)
</script>

---

 reverse反转

<script>   
    //reverse反转
    let arr = [1,2,3,4,5]
    let arr1 = arr.reverse()
    console.log(arr)
    console.log(arr1)
</script>

---

filter 筛选

<script>   
     //filter筛选
    let arr = [1,2,3,4,5]
    let arr1 = arr.filter(item=>{
        return item>=3
    })
    console.log(arr)
    console.log(arr1)
</script>

---

 findIndex 它会返回符合条件的下标  如果有多个符合条件只会返回最前边的

<scrupt>    
    //findIndex
    let arr = [1,2,3,4,5]
    let arr1 = arr.findIndex(item=>{
        return item>=2
    })
    console.log(arr)
    console.log(arr1)
</script>

---

find 它会返回符合条件的值

 <script>
    //find
    let arr = [1,2,3,4,5]
    let arr1 = arr.find(item=>item>3)
    console.log(arr)
    console.log(arr1)
</script>

---

includes 是否包含某个元素

    var array1 = [1,2,3,4,5]
    var b = array1.includes(5)
    console.log(b)

它会返回一个true  如果没有会返回false

---

find  查找符合条件的元素

    var array1 = [1,2,3,4,5]
    var b = array1.find(item=>{
        return item == 3
    })
    console.log(b)

它会直接把3返回出去  如果没有3的话会返回undefined

---

map 对数组中的每一项进行操作 在返回出去 会改变原数组   注意以下代码用的是赋值

var arr = [
        {
            "mobile": "18761800011",
        },
        {
            "mobile": "18761800012",
        },
        {
            "mobile": "16598745622",
        },
    ];

    var b = arr.map(item => {
        return item.uid = 123
    })
    console.log(b)
    console.log(arr)

直接看打印

 

---

some 查看数组中是否有符合条件的元素  有的话返回true 没有返回false

   var array1 = [1, 2, 3, 4, 5]
    var b = array1.some(item => {
        return item == 5
    })
    console.log(b)

返回的结果是true

---

 every  数组中是否每一项都符合条件 是的话返回true否则返回fasle

var array1 = [1, 2, 3, 4, 5]
    var b = array1.every(item => {
        return item > 0
    })
    console.log(b)

返回的结果是true