JavaScript数组API封装

数组里边有很多API在开发中频繁出现，我们知道API的含义以及如何使用，但是对其实现的原理可能不是很了解，以下我将自己封装的数组API做一个整理：

1、map()

• map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。

 /**
 * 
 * @param {Array} arr 
 * @param {Function} callback 
 * @returns 
 */
function map(arr, callback) {
    if (!Array.isArray(arr)) { //判断其是否为数组
        throw ('The arr must be a array')
        return
    }
    if (typeof callback !== 'function') { // 判断其是否为函数
        throw ('The parameter must be a function')
        return
    }
    //声明一个空数组
    let result = []
    // 遍历数组
    for (var i = 0; i < arr.length; i++) {
        if (arr[i] === undefined) continue; //遍历过程中遇到undefined,跳出去这一次循环，后面继续，所以用continue;
        result[i] = callback(arr[i], i, arr); //新数组的元素是回调函数中返回的结果 
    }
    for (var j = 0; j < result.length; j++) {
        return result[j] === undefined ? undefined : result;
    } //如果新数组元素是undefined,返回值undefined,如果不是，返回新数组
    return result
}

2、reduce()

• reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。

/**
 * 
 * @param {Array} arr 
 * @param {Function} callback 
 * @param {初始值} initValue 
 * @returns 
 */
function reduce(arr, callback, initValue) {
    if (!Array.isArray(arr)) {
        throw ('The arr must be a array')
        return
    }
    if (typeof callback !== 'function') {
        throw ('The parameter must be a function')
        return
    }
    let result = initValue //声明变量
    // 执行回调
    for (let i = 0; i < arr.length; i++) {
        // 执行回调
        result = callback(result, arr[i], arr)
    }
    return result
}

3、filter()

• filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

/**
 * 
 * @param {Array} arr 
 * @param {Function} callback 
 * @returns 
 */
function filter(arr, callback) {
    if (!Array.isArray(arr)) {
        throw ('The arr must be a array')
        return
    }
    if (typeof callback !== 'function') {
        throw ('The parameter must be a function')
        return
    }
    let result = [] // 声明空数组,为返回满足条件的元素返回新数组做准备
    for (let i = 0; i < arr.length; i++) {
        // 执行回调
        if (arr[i] === undefined) continue;
        if (callback(arr[i], i, arr)) result.push(arr[i]); //如果这里用result[i]=arr[i];  结果是[empty,2,empty,4......]
    }
    return result
}

4、find()

• find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。

/**
 * 
 * @param {Array} arr 
 * @param {Function} callback 
 * @returns 
 */
function find(arr, callback) {
    if (!Array.isArray(arr)) {
        throw ('The arr must be a array')
        return
    }
    if (typeof callback !== 'function') {
        throw ('The parameter must be a function')
        return
    }
    // 遍历数组
    for (let i = 0; i < arr.length; i++) {
        // 执行回调
        let res = callback(arr[i], i)
        // 判断
        if (res) {
            // 返回当前正在遍历的元素
            return arr[i]
        }
    }
    // 如果没有遇到满足条件的，则返回undefined
    return undefined
}

5、findIndex()

• findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。

/**
 * 
 * @param {Array} arr 
 * @param {Function} callback 
 * @returns 
 */
function findIndex(arr, callback) {
    if (!Array.isArray(arr)) {
        throw ('The arr must be a array')
        return
    }
    if (typeof callback !== 'function') {
        throw ('The parameter must be a function')
        return
    }
    // 遍历数组
    for (let i = 0; i < arr.length; i++) {
        // 执行回调
        let res = callback(arr[i], i)
        // 判断
        if (res) {
            // 返回当前正在遍历的元素的下标
            return i
        }
    }
    // 如果没有遇到满足条件的，则返回undefined
    return -1
}

6、every()

• every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。

/**
 * 
 * @param {Array} arr 
 * @param {Function} callback 
 * @returns 
 */
function every(arr, callback) {
    if (!Array.isArray(arr)) {
        throw ('The arr must be a array')
        return
    }
    if (typeof callback !== 'function') {
        throw ('The parameter must be a function')
        return
    }
    // 遍历数组
    for (let i = 0; i < arr.length; i++) {
        //执行回调，如果回调执行结果为false 
        if (!callback(arr[i], i)) {
            return false
        }
    }
    // 如果都满足条件，则返回true
    return true
}

7 、some()

• some() 方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的值。

/**
 * 
 * @param {Array} arr 
 * @param {Function} callback 
 * @returns 
 */
function some(arr, callback) {
    if (!Array.isArray(arr)) {
        throw ('The arr must be a array')
        return
    }
    if (typeof callback !== 'function') {
        throw ('The parameter must be a function')
        return
    }
    // 遍历数组
    for (let i = 0; i < arr.length; i++) {
        if (callback(arr[i], i)) {
            // 执行回调，如果回调执行返回为false
            return true
        }
    }
    return false
}