lodash

• A modern JavaScript utility library delivering modularity, performance & extras.

1. fill

• 배열내의 값을 특정 'value'(2번째인자)로 채워넣는 함수(바꾸는)
• parameter를 4개 까지 받을 수 있고 3번째 , 4번째 parameter는 숫자로서 array의 index값 3번째 자리~부터 4번째 자리~를 포함하지 않는 값까지 바꾼다 라는 의미를 포함한다.

전체 코드 💜

/**
  * Fills elements of `array` with `value` from `start` up to, but not
  * including, `end`.
  *
  * **Note:** This method mutates `array`.
  *
  * @param {Array} array The array to fill.
  * @param {*} value The value to fill `array` with.
  * @param {number} [start=0] The start position.
  * @param {number} [end=array.length] The end position.
  * @returns {Array} Returns `array`.
  * @example
  *
  * var array = [1, 2, 3];
  *
  * _.fill(array, 'a');
  * // => ['a', 'a', 'a']
  *
  * _.fill(Array(3), 2);
  * // => [2, 2, 2]
  *
  * _.fill([4, 6, 8, 10], '*', 1, 3);
  * // => [4, '*', '*', 10]
  */


function fill(array, value, start, end) {
   var length = array == null ? 0 : array.length;
   if (!length) {
     return [];
   }
   if (start && typeof start != 'number' && isIterateeCall(array, value, start)) {
     start = 0;
     end = length;
   }
   return baseFill(array, value, start, end);
 }

부분 코드 💜

function fill(array, value, start, end) {
  
// 빈 배열이 들어 올때 오작동 하는 것을 방어하는 코드로서 array에 null값이 들어오면 fill함수는 빈 배열을 반환한다 
      var length = array == null ? 0 : array.length;
      if (!length) {
        return [];
      }
  
// 세번째 인자가 들어오는데, start 값이 들어오며, start의 type이 number가 아니고 , isiterateeCall함수를 통해 해당 인자로 넘겨주는 값이 iteratee call인지 확인한다.
  
// If func is an array or object, the created function returns true for elements that contain the equivalent source properties, otherwise it returns false. 이렇게 체크! 
  
// start 값이 아예 안들어 왔을 경우의 제한은 baseFill에서 처리한다. 
      if (start && typeof start != 'number' && isIterateeCall(array, value, start)) {
        start = 0;
        end = length;
      }
      return baseFill(array, value, start, end);
    }

2. baseFill

전체코드 💜

/**
* The base implementation of `_.fill` without an iteratee call guard.
     *
     * @private
     * @param {Array} array The array to fill.
     * @param {*} value The value to fill `array` with.
     * @param {number} [start=0] The start position.
     * @param {number} [end=array.length] The end position.
     * @returns {Array} Returns `array`.
     */

    function baseFill(array, value, start, end) {
      var length = array.length;
      start = toInteger(start);
      if (start < 0) {
        start = -start > length ? 0 : (length + start);
      }
      end = (end === undefined || end > length) ? length : toInteger(end);
      if (end < 0) {
        end += length;
      }
      end = start > end ? 0 : toLength(end);
      while (start < end) {
        array[start++] = value;
      }
      return array;
    } 

부분코드 💜

/**
* The base implementation of `_.fill` without an iteratee call guard.
     *
     * @private
     * @param {Array} array The array to fill.
     * @param {*} value The value to fill `array` with.
     * @param {number} [start=0] The start position.
     * @param {number} [end=array.length] The end position.
     * @returns {Array} Returns `array`.
*/

    function baseFill(array, value, start, end) {
      var length = array.length;
      
// 여기에서 값이 undefined로 들어온다면 toInteger(undefined)는 0 을 반환하므로 0값으로 기본 셋팅 해주는 식으로 보면 된다. 
      start = toInteger(start);
      
      if (start < 0) {
        start = -start > length ? 0 : (length + start);
      }
      end = (end === undefined || end > length) ? length : toInteger(end);
      if (end < 0) {
        end += length;
      }
      end = start > end ? 0 : toLength(end);
      while (start < end) {
        array[start++] = value;
      }
      return array;
    }