Javascript & JQuery & CSS

$.grep(array, callback, [invert]) : callback을 테스트 함수로 사용하여 array를 필터링 한다.
$.makeArray(object)  :  object를 배열로 변환한다.
$.map(array, callback) :  각 항목에 callback을 수행한 결과로 새로운 배열을 생성하여 반환한다.
$.inArray(value, array) : value가 array내에 있는지 검사한다.
$.merge(array1, array2) : array1와 array2의 내용을 합친다.
.unique(array) : array에서 중복된 DOM 요소를 제거한다.
 

//jQuery.each를 사용하여 배열과 개체를 반복하여 처리

	$(document).ready(function () {

		var months = ["January","February","March","April","May","June","July","August","September","October","November","December"];
		
		$.each(months, function() {
			$("#months").append("<li>" + this + "</li>");
		});
		
		var days = {Sunday:0, Monday:1, Tuesday:2, Wednesday:3, Thursday:4, Friday:5, Saturday:6 };
		
		$.each(days, function(key) {
			$("#days").append("<li>" + key + " (" + this + ")</li>");
		});
	});



    $(document).ready(function () {
		var months = ["January","February","March","April","May","June","July","August","September","October","November","December"];

		//jQuery.grep을 사용하여 배열 필터링하기
		months = $.grep(months, function(value, i) {
			return ( value.indexOf('J') == 0 );  //J로 시작하는 항목 검색
		});

		//jQuery.map을 사용하여 배열 항목을 반복하며 수정하기

		months = $.map(months, function(value, i) {
			return value.substr(0,3)   //처음 3글자만 추출
		});

		$("#months").html( "<li>" + months.join("<li>|</li>") + "</li>" );
	});