手写Array.prototype.*

[FrankKai]

主要手写一些常用的Array.prototype上的函数。

• 手写filter
• 手写map
• 手写every

[FrankKai]

手写filter

• 实现
• 测试

实现

const filter = (arr, callback) => {
  const result = [];
  for (let i = 0; i < arr.length; i++) {
    const validate = callback(arr[i], i, arr);
    if (validate) {
      result.push(arr[i]);
    }
  }
  return result;
};

测试

const arr = [1, 2, 3, 4];

/**
 * 1.测试callback入参
 */
filter(arr, (item, index, arr) => console.log(item, index, arr));
/**
 * 2.测试callback断言
 */
let filterArr = filter(arr, (item) => item > 1);
console.log(filterArr);

[FrankKai]

手写map

• 实现
• 测试

实现

const map = (arr, callback) => {
  const result = [];
  for (let i = 0; i < arr.length; i++) {
    result.push(callback(arr[i], i, arr));
  }
  return result;
};

测试

const arr = [1, 2, 3, 4];

/**
 * 1.测试callback入参
 */
map(arr, (item, index, arr) => console.log(item, index, arr));
/**
 * 2.测试callback映射
 */
let mapArr = map(arr, (item, index) => ({ value: item, index }));
console.log(mapArr);

[FrankKai]

手写every

• 实现
• 测试

  实现

  const every = (arr, callback) => {
  let result = true;
  for (let i = 0; i < arr.length; i++) {
  if (!callback(arr[i], i, arr)) {
    result = false;
    break;
  }
  }
  return result;
  };

  测试

  
  const arr = [1, 2, 3, 4];

/**

• 1.测试callback入参 */ every(arr, (item, index, arr) => console.log(item, index, arr)); /**
• 2.测试callback断言 */ let everyTruthy = every(arr, (item) => item > 0); let everyFalsy = every(arr, (item) => item > 2); console.log(everyTruthy, everyFalsy); // true, false