웹코딩 배우기/· JavaScript69 자바스크립트 - .map(); See the Pen map() by nilgi (@nilgi) on CodePen. • map() - 배열의 데잍터를 변환하여 새로운 배열을 만든다. no1.map(myFunction); document.getElementById("m1").innerHTML = no2; function myFunction(value, index, array) { return value * 10; } • value만 사용 시 index, array 생략 function myFunction(value) 2022. 6. 16. 문자가 있는 숫자 배열 - 숫자 순서, 문자 순서 See the Pen Untitled by nilgi (@nilgi) on CodePen. • 숫자 순서대로 displayCup(); cup.sort(function(a, b){return a.year - b.year}); displayCup(); function displayCup() { document.getElementById("wcup").innerHTML = cup[0].type + " " + cup[0].year + " " + . . . } • 문자 순서대로 displayCup2(); function myFunction() { cup2.sort(function(a, b){ let x = a.type.toLowerCase(); let y = b.type.toLowerCase(); if (x y).. 2022. 5. 19. min, max 메소드 - 자바스크립트 See the Pen min, max mathod by nilgi (@nilgi) on CodePen. • min function myArrayMin(arr) { let len = arr.length; let min = Infinity; while (len--) { if (arr[len] max) { max = arr[len]; } } return max; } 2022. 5. 12. 최대값, 최소값 찾기 Math.max / min See the Pen 최대값, 최소값 Math.max/min by nilgi (@nilgi) on CodePen. • 최대값 찾기 - Math.max function myArrayMax(arr) { return Math.max.apply(null, arr); } • 최소값 찾기 - Math.min function myArrayMin(arr) { return Math.min.apply(null, arr); } 2022. 5. 10. 최소값과 최대값 - 자바스크립트 See the Pen 최소값 최대값 찾기 by nilgi (@nilgi) on CodePen. 지닌 시간에 배운 숫자 배열 비교를 이용해 최소값과 최대값을 구하는 방법이다. nb_1.sort(function(a, b){return a-b}); document.getElementById("nb1").innerHTML = nb_1[0]; nb_2.sort(function(a, b){return b-a}); document.getElementById("nb2").innerHTML = nb_2[0]; 2022. 4. 26. 숫자 랜덤 배열 Math.random See the Pen 숫자 랜덤 배열 by nilgi (@nilgi) on CodePen. const mr1 = [525, 6, 45, 222, 5, 88, 109]; document.getElementById("mr_1").innerHTML = mr1; function myFunction() { mr1.sort(function(a, b){return 0.5 - Math.random()}); document.getElementById("mr_1").innerHTML = mr1; } - - - html. css는 하루에 여러개를 공부했는데 자바스크립트는 이해력이 떨어져 하루에 한 개 공부하기도 힘들어졌다. 내 나이가 어때서~ 하지만... 중년으로 산다는 건 청년으로 살았을 때 보다 새로운 것에는 더 많은 .. 2022. 3. 24. forEach() - 요소를 한 번씩만 호출 See the Pen forEach() by nilgi (@nilgi) on CodePen. • forEach() 인수 value, index, array 사용 ngs.forEach(myFunction); document.getElementById("fe1").innerHTML = ngtxt; function myFunction(value, index, array) { ngtxt += value + ""; } • forEach() 인수 중 value만 사용하면 됨요 ngs2.forEach(myFunction); document.getElementById("fe2").innerHTML = ngtxt2; function myFunction(value) { ngtxt2 += value + ""; } 2022. 3. 1. sort, reverse 정렬 - 자바스크립트 See the Pen sort() by nilgi (@nilgi) on CodePen. • sort() : 오름차순 정렬 • reverse() : 내림차순 정렬 숫자는 문자로 정렬하면 예로 2는 1보다 크기 때문에 22가 111보다 크다 판단하여 오류가 난다. 비교 기능으로 바로 잡아야 하는데 그 부분은 뭔 말인지 몰라 공부 중이다. 누구에겐 아주 쉬운 것이 나에겐 이렇게 어렵다. 2022. 2. 24. 배열 매서드 #1 - 자바스크립트 See the Pen 배열 메서드 by nilgi (@nilgi) on CodePen. • 배열(arrays)메서드 - toString() : 배열을 문자렬로 변환하며 ,로 구분 - join() : 배열 요소를 문자열로 결합.구분 기호 지정 가능 - pop() : 마지막 요소를 제거, id.pop() 마지막 요소만 표시 - push() : 끝에 새 요소 추가, id.push()는 추가한 요소를 포함한 길이 표시 - shift() : 첫 번째 요소 제거하고 id.shift()는 첫 번째 값만 표시 - unshift() : 새 요소를 앞에 추가하고 id.unshift()는 추가한 요소를 포함한 길이를 표시 - name[n] = "" : 지정 요소 변경 - name[name.length] = "" : 요소 추가 2022. 2. 22. 배열 메서드 #2 - 자바스크립트 See the Pen 배열 메서드2 by nilgi (@nilgi) on CodePen. • splice() : 새 항목 추가와 삭제 - splaice(2, 2, 요소1, 요소2) : 첫번째 2는 추가할 새 요소의 위치 / 두번째 2는 추가할 새 요소의 위치 뒤의 삭제할 요소의 수 - splaice(n, n) : 지정한 요소 삭제 • concat() : 배열 병합 - const ng3 = ng3_1.concat(ng3_2) : 두 배열 병합 - const ng4 = ng4_1.concat(ng4_2, ng4_3) : 세 배열 병합 - const ng5 = ng5_1.concat("AB") : 값과 배열 병합 • slice(n) : n번 이전 요소 자르기 - slice(n, m) : n번 이전, m번 이후.. 2022. 1. 12. 배열 - 자바스크립트 See the Pen 배열 - 자바스크립트 by nilgi (@nilgi) on CodePen. • 배열을 사용하는 이유 nilgi에 1개의 값이 아닌 수백 개의 값을 주려면 let nilgi1 = 값1 let nilgi1 = 값1 let nilgi1 = 값1 . . . let nilgin = 값n 이라 써야 한다. 이를 해결하기 위해 배열을 사용한다. 한 줄로 쓸 수 있고 const nilgi = ["tistory", "blog", "game"]; 열어줄로 쓸 수 있다. const nilgi = [ "tistory", "blog", "game" ]; 2021. 12. 17. 이전 1 2 3 4 5 6 7 다음
