jQuery 도장깨기, 배열2 each() / inArray() / merge() / grep() / map()

목차

each() / each()

배열에 저장된 요소를 순서대로 하나씩 선택해 index정보를 가져온다.
- $("selector").each(function(n, index){ //$this });

- $.each($("selector"),function(n, index){ //$this });

inArray() / isArray()

inArray(), 배열에 해당 값이 있는지 확인해 인덱스를 반환한다, (값이 없을 시 -1 반환)
isArray(), 배열 여부를 확인하여 Bool값을 반환한다.
- $.inArray( 검색단어, 배열명)
- $.isArray( 검색단어, 배열명)

 

merge()

merge(), 배열을 하나로 연결하여 반환한다.
- $.merge(배열1, 배열2)

grep()

grep(), 배열의 모든 항목을 받아 함수 조건에 만족하는 배열을 반환한다.
리턴 값이 참일 경우에만 새로운 배열에 저장하여 원래 배열은 영향없다.

- $.grep(Array, function(n, index){ return true | false });
- 리턴 true시 false 값 반환

var arr = [1,2,3,4,5,6,7,8,9];
var newArr = $.grep(arr, function(val, index) { return value % 2 == 0; });
console.log("결과:" + newArr.join(", ")); //결과: 2, 4, 6, 8

var arr = [1,2,3,4,5,6,7,8,9];
var newArr = $.grep(arr, function(val, index) { return val % 2 == 0; }, true);
console.log("결과: " + newArr.join(", ")); //결과: 1, 3, 5, 7, 9

 

map()

map(), 배열을 순회하면서 각 데이터의 값을 변경해 새로운 배열을 만든다.

forEach와 동일하게 Array의 각 요소를 순회해 callback 함수를 실행한다 ( 단, retrun이 되는 값을 배열로 만듬)

const arr = [10, 20, 30, 40, 50];

let seperateArr = arr.map(function(element){ // 1번
	return element * element;
});

seperateArr = arr.map(element => return element * element); //2번
console.log(seperateArr)