javascript 배열 함수 정리, 고차함수 정리 자바스크립트 배열함수 자바스크립트 고차함수

javascript 배열 함수 정리, 고차함수 정리 자바스크립트 배열함수 자바스크립트 고차함수

 

Array.isArray(obj)

 

 : obj가 배열인지 확인, 배열이면 true, 아니면 false

 

예시)

 

var str = "geon";
console.log(Array.isArray(str));       //false
var array = [1,2,3];
console.log(Array.isArray(array));    //true
var object = {name : "geon"};
console.log(Array.isArray(object));   //false

 

concat(value1, value2, ... , valueN)

 

 : value들을 합쳐 새로운 배열을 만든다.

 

예시)

 

var arr1 = [1,2,3], arr2 = ['a','b','c'], arr3 = ['가','나','다'];
var newArray = arr1.concat(arr2, arr3);  // [1,2,3,'a','b','c','가','나','다']
var addValue = arr1.concat(4, [5,6]);    // [1,2,3,4,5,6]

 

copyWithin(target, start, end)

 

 : 배열의 인자를 복사한뒤 다른 위치에 덮어 쓰기 한다. 음수일 경우 뒤에서 부터 계산, length는 변하지 않는다.

   start, end 는 선택, target을 start index부터 end index 전 까지 치환

 

예시)

 

console.log(['a', 'b', 'c', 'd', 'e', 'f'].copyWithin(0, 1, 3));  // ['b','c','c','d','e','f']
console.log(['a', 'b', 'c', 'd', 'e', 'f'].copyWithin(0, 1, 4));  // ['b','c','d','d','e','f']
console.log(['a', 'b', 'c', 'd', 'e', 'f'].copyWithin(1, 3));  // ['a','d','c','d','e','f']

 

fill(value, start, end)

 

: start index부터 end index 전까지 value 값으로 치환

 

예시)

 

 console.log([1,2,3,4,5,6,7].fill(2));           // [2,2,2,2,2,2,2]
 console.log([1,2,3,4,5,6,7].fill(2,1));         // [1,2,2,2,2,2,2]
 console.log([1,2,3,4,5,6,7].fill(2,-3));        // [1,2,3,4,2,2,2]
 console.log([1,2,3,4,5,6,7].fill(2, 3));        // [1,2,3,2,2,2,2]
 console.log([1,2,3,4,5,6,7].fill(2,2,4));       // [1,2,2,2,5,6,7]
 console.log([1,2,3,4,5,6,7].fill(2,-3,5));      // [1,2,3,4,2,6,7]
 console.log([1,2,3,4,5,6,7].fill(2,4,5));       // [1,2,3,4,2,6,7]
 console.log([1,2,3,4,5,6,7].fill(2,4,-2));      // [1,2,3,4,2,6,7]

 

참고 ) 음수값이 들어갈 경우 length+값 이 인덱스가 됩니다.

위의 예에서 -1일 경우 length가 7이니 7-1 = 6, 인덱스가 6인 값이 되는 것이죠.

 

indexOf()

: 배열내에 값이 있는지 확인하고, 있다면 해당 인자의 인덱스를, 없다면 -1 을 리턴한다.

 

예시)

 

var testArray = [1,2,3,4,5];
testArray.indexOf(3);  // 2
testArray.indexOf(7);  // -1

 

배열에 값이 존재하는지 확인할 때 쓰이죠.

 

include()

 

 : 배열내 값이 있다면 true를 없다면 false를 리턴한다.

 

예시)

 

var testArray = [1,2,3,4,5];
testArray.include(3);            // true
testArray.include(7);            // false

 

join()

 

 : 배열의 모든 요소를 연결해 하나의 문자열로 만들 때 사용.

 

예시)

 

var arr = ['g','e','o','n'];
arr.join();              // g,e,o,n
arr.join(',');            // g,e,o,n
arr.join('/');           // g/e/o/n
arr.join('.');           // g.e.o.n

 

shift()

 

 : 배열의 처음 인자를 제거하고 이를 리턴한다. 배열의 길이가 변한다.

 

예시)

 

var arr = ['g','e','o','n'];
console.log(arr);                            //['g','e','o','n']
var firstValue = arr.shift();
console.log(arr);                            //['e','o','n']
console.log(firstValue);                    // g

 

unshift(item1,item2, ...item3)

 

 : 배열의 첫번째 인덱스에 주어진 값들을 추가하고 배열의 length를 리턴한다.

 

예시)

 

var arr = ['o','n'];
var newLengh = arr.unshift('g','e');
console.log(arr);                                 // ['g','e','o','n']
console.log(newLength);                      // 4

 

pop()

 

 : 배열의 마지막 인자를 제거하고 이를 리턴한다. 배열의 길이가 변한다.

 

예시)

 

var arr = ['g','e','o','n'];
console.log(arr);                            //['g','e','o','n']
var lastValue = arr.pop();
console.log(arr);                            //['g','e','o']
console.log(lastValue);                    // n

 

slice(start, end)

 

 : start부터 end(선택) 전 까지 인자를 추출하여 새로운 배열을 만든다.

   end가 없을 경우 배열의 length까지.

 

예시)

 

var arr = [1,2,3,4,5];
var newArr1 = arr.slice(3);
console.log(newArr);                       // [4,5]
var newArr2 = arr.slice(2,3);
console.log(newArr);                       // [3]
var newArr3 = arr.slice(0,2);
console.log(newArr);                       // [1,2]

 

splice(start, deleteCnt, item1, item2, ...item3)

 

 : 배열 기존 인자를 제거하거나 새 인자를 추가하여 기존 배열을 변경.

 

예시)

 

var arry = [1,2,3,4,5];
var delData = arry.splice(2,3,'삭제','삭제','삭제');
console.log(arry);                       //  [1,2,'삭제','삭제','삭제']
console.log(delData);                  //  [3,4,5]
var delData2 = arry.splice(2,3);     
console.log(delData2);                //   ['삭제','삭제','삭제']
console.log(arry);                      //   [1,2,]

 

reverse()

 

 : 배열을 반전한다.

 

예시)

 

var arr = ['n','o','e','g'];
arr.reverse();
console.log(arr);                    // ['g','e','o','n']

 

Link0 : javascript sort 자바스크립트 배열 정렬 방법 오름차순 내림차순

 

이 외에 고차함수(High-Order_Function) 에 대해서는 아래의 Link를 참고하세요.

 

Link1 : javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수, reduceRight 함수

javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수, reduceRight 함수

 

Link2 : javascript filter 함수에 대해 알아보자 자바스크립트 filter 함수

 

 

Link3 : javascript forEach 함수에 대해 알아보자. 자바스크립트 forEach 함수

 

 

Link4 : javascript map 함수에 대해 알아보자. 자바스크립트 map 함수

 

 

Link5 : javascript every, some 함수에 대해 알아보자. 자바스크립트 every, some 함수