JavaScript数组的api

目录

数组的api

1、栈、队列（改变原数组）

1.1  栈（先进后出，后进先出）

 1.2  对列（先进先出，后进后出）

 2、排序

3、截取

4、索引

5、 迭代

---

数组的api

1、栈、队列（改变原数组）

1.1  栈（先进后出，后进先出）

pop()        将数组的最后一项删除，返回删除的项

push()        可以接受任意数据类型，将参数逐个添加到数组末尾，返回数组的长度

var arr = [1,2,3,4,5,6]
console.log('pop删除的项:',arr.pop());
console.log('pop删除后剩下的项:',arr);
console.log('push添加后的数组长度:',arr.push(12));
console.log('push添加后的项:',arr);

 1.2  对列（先进先出，后进后出）

shift()        将数组的第一项删除，返回删除的项

unshift()        可以接受任意数据类型，将参数逐个添加到数组前端，返回数组的长度

var arr = [1,2,3,4,5,6]
console.log('shift删除的项:',arr.shift());
console.log('shift删除后剩下的项:',arr);
console.log('unshift添加后的数组长度:',arr.unshift(8));
console.log('unshift添加后的项:',arr);

 2、排序

reverse()        反转数组项的顺序，改变原数组

sort()                默认排序，按照字符序列排序，可以自定义排序

var arr = [12,54,23,76,84,39]
console.log('reverse排序后的数组:',arr.reverse());
console.log('sort默认排序后的数组:',arr.sort());
console.log('sort从大到小排序:',arr.sort(d));
function d(a,b){
    if(a>b){
        return -1
    }
    else if(a<b){
        return 1
    }
}
console.log('sort从小到大排序:',arr.sort(x));
function x(a,b){
    if(a>b){
        return 1
    }
    else if(a<b){
        return -1
    }
}

3、截取

concat()         数组的拼接，不改变原数组，返回拼接后的数组

slice()            截取数组，不改变原数组，返回截取到的数组

        slice(a)        从a开始截取，一直截取到数组结束

        slice(a,b)     从a开始截取，截取b项

splice()

        splice(a,b)        删除，第一个参数为起始位置，第二个参数为要删除的项数，返回删除的项

        splice(a,0,...)    插入，第一个参数为起始位置，第二个参数为0，第三个参数为要插入的项

        splice(a,b,...)    替换，第一个参数为起始位置，第二个参数为要删除的项数，第三个参数为要插入的项，返回替换的项

var arr = [1,2,3,4,5,6]
var arr1 = [4,5,6]
console.log('原数组:',arr);
console.log('concat拼接后的数组:',arr.concat(arr1));
console.log('slice截取到的数组:',arr.slice(2));
console.log('slice截取到的数组:',arr.slice(3,5));
console.log('splice删除的项:',arr.splice(2,2));
console.log('splice删除后的数组:',arr);
var a = arr.splice(3,0,8,9)
console.log('splice插入后的数组:',arr);
console.log('splice替换数组中的项:',arr.splice(4,2,0,7));
console.log('splice替换后的数组:',arr);

4、索引

indexOf()        从数组开头向后查找，使用全等操作符，找不到该元素返回-1，找到返回数组下标，第一个参数为要查找的项，第二个参数（可选）为索引开始位置

lastIndexOf()  从数组末尾向前查找，使用全等操作符，找不到该元素返回-1，找到返回数组下标，第一个参数为要查找的项，第二个参数（可选）为索引开始位置

var arr = [12,43,65,83,29,40]
console.log('indexOf查找:',arr.indexOf(65,0));
console.log('indexOf查找:',arr.indexOf(65,3));
console.log('lastIndexOf查找:',arr.lastIndexOf(29,4));
console.log('lastIndexOf查找:',arr.lastIndexOf(29,3));

5、 迭代

every()        对数组中的每一运行给定的函数，如果该函数对每一项都返回true，则该函数返回true

some()        对数组中的每一运行给定的函数，如果该函数对某一项返回true，则返回true

filter()          对数组中的每一项运行给定的函数，会返回满足该函数的项组成的数组

map()          对数组中的每一元素运行给定的函数，返回每次函数调用的结果组成的数组

forEach()     对数组中的每一元素运行给定的函数，没有返回值，常用来遍历元素

var arr = [1,2,4,6,77,21,36]
var a = arr.every(function test(item,index,arr){
    return item > 0
})
console.log('every:',a)
var b = arr.some(function test(item,index,arr){
    return item > 10
})
console.log('some:',b)
var c = arr.filter(function test(item,index,arr){
    return item > 5
})
console.log('filter:',c)
var d = arr.map(function test(item,index,arr){
    return item - 1
})
console.log('map:',d)
var e = []
arr.forEach(function(item,index,arr){
    e.push(item*2)
})
console.log('forEach:',e)