JavaScript (63) 썸네일형 리스트형 sort(fnc(a, b{}return a-b)) 오름차순 sort(fnc(a, b{}return a-b)) 오름차순 let array = [52, 71, 32, 103, 273, 93] array.sort(function (a, b) {return a - b}) document.write(array); //32,52,71,93,103,273 reverse() 역순정렬 reverse() 역순정렬 let array = [52, 71, 32, 103, 273, 93] document.write(array.reverse());//93,273,103,32,71,52 $.grep, 배열반환 $.grep() jQuery 라이브러리의 메소드 중 하나 배열을 필터링할 때 사용 $.grep(array, function(elementOfArray, indexInArray) [, invert]) array: 필터링할 배열 function: 필터링 함수, true시 요소를 포함, false시 요소제외 invert: 선택요소, true를 전달하면 필터링 함수의 결과를 반전시킴 예시로 배열의 요소를 순회하며 짝수만 추출해보자. var arr = [1, 2, 3, 4, 5]; var even = $.grep(arr, function(element, index) { return element % 2 === 0; }); console.log(even); // [2, 4] $.map, 배열을 순회하며 함수를 실행하고 새 배열에 추가한다. $.map jQuery에서 제공하는 함수 중 하나 배열을 순회하면서 지정된 함수를 실행해, 반환값을 새 배열에 추가한다. $.map(array, callback) array: 변환할 배열 callback: 각 요소에 대해 실행할 함수 var arr = [1, 2, 3]; var newArr = $.map(arr, function(val, index) { return val * val; }); console.log(newArr); // [1, 4, 9] Vue 생명주기와 전역/지역 컴포넌트 beforeCreate 인스턴스생성 created 생성후 mounted 인스턴스 el 부착완료 updated 데이터/화면변경 완료 전역컴포넌트는 함께 공유해 가질 수있는 컴포넌트로 인스턴스생성시 모두 동일하게 추가되지만, 지역컴포넌트는 특정 인스턴스 안에 삽입해야만 화면에 추가된다. 인스턴스 #app data: message: {{message}} html() text()의 차이, 무엇을 인식할것인가 html() text()의 차이 html는 코드를 인식하고, text는 인식하지 못한다. 예시코드 첨부 여러분, 제이쿼리는 아주 쉽습니다. html()로 출력 text()로 출력 $(function () { let str1_0 = $('#hey').html(); let str2_0 = $('#jquery').html(); let str3_0 = $('#easy').html(); $('.str1_0').html(str1_0); $('.str2_0').html(str2_0 + " "); $('.str3_0').html(str3_0); let str1_1 = $('#hey').text(); let str2_1 = $('#jquery').text(); let str3_1 = $('#easy').text(); $.. jquery 위치 탐색 선택자 :first first() first-of-type 첫번째부터 선택하기 $('li:first') 문서 내에서 첫 번째 li 요소를 선택 $('li:first').addClass('selected'); $('li').first() 문서 내에서 첫 번째 li 요소를 선택 $('li').first().addClass('selected'); $('li:first-of-type') 첫 번째로 나타나는 li 요소만 선택 $('li:first-of-type').addClass('selected'); jquery 위치 탐색 선택자 :last last() last-of-type 마지막부터 선택하기 $('li:last') 문서 내에서 마지막 li 요소를 선택 $('li:last').addClass('selected'); $('li').last() 문서 내에서 마지막 li 요소를 선택 $('li').last().addClass('selected'); $('li:last-of-type') 문서 내에서 li 요소 중 마지막 요소를 선택 $('li:last-of-type').addClass('selected'); $('li:last-of-type(2)') 문서 내에서 li 요소 중 마지막에서 두 번째 요소를 선택 $('li:last-of-type(2)').addClass('selected'); 이전 1 2 3 4 5 6 7 8 다음
