[함수형 자바스크립트] _,map(), getLength(), isArrayLike() 구현

_,map(), getLength(), isArrayLike() 구현

1. getLength()

- data.length 값을 측정할 때 'length' of undefined 라는 오류를 피할 수 있다.

1) 일반적인 상황 에러

function fun(data){ for(var i = 0; i<data.length; i++){} } fun(undefined); //Cannot read property 'length' of undefined

- 주석과 같은 아래 발생

2) getLength() 함수 적용

function getLength(list){ return list == null ? undefined : list.length; } function getLength(list){ return list == null ? void 0 : list.length; } function fun(data){ for(var i = 0; i<getLength(data); i++){} } // 0<undefinded 이므로 false 반환  

- false를 반환 하므로 for문이 동작하지 않는다.

2. isArrayLike()

- 자바스크립트의 객체는 4가지가 있다. [], {}, arguments, ArrayLike 

1. [] var array = [1,2]; 2. {} var object = {name:'kyle', age : 25} 3. arguments var arguments = function(){ return arguments; }(1,2,3) 4. ArrayLike var $div = $('div'); var object = { length:3} object[0] = 1, object[1]=2 var string = "hi"  

- ArrayLike 를 판단한다

var MAX_ARRAY_INDEX = Math.pow(2,53) -1 var isArrayLike = function(list){ var length = getLength(list); return typeof length == 'numbe'r && length >= 0 && length <= MAX_ARRAY_INDEX; }; //TRUE OR FALSE  

3. _.map()

- underscore.js 의 map()를 구현한다.

_.map = function(data, iteratee){ var new_list = []; if(isArrayLike){ for(var i = 0; i<data.length; i++){ new_list.push(iteratee(data[i], i, data)); } }else{ for(var key in data){ if(data.hasOwnProperty(key)){ new_list.push(iteratee(data[key],key, data)); } } } return new_list; } _.map([1,2,3], function(v){ return v * 2 }); //[2,4,6] _.map({a:3, b:2, c:1}, function(v){ return v * 2 }); //[6,4,2]  

- array 계열인지 object 계열인지 판별하여 for 혹은 for in 을 구현한다.