본문 바로가기

웹코딩 배우기/· JavaScript44

자바스크립트 - key, entries, includes : 요소 반환 표시 See the Pen key, entries, includes by nilgi (@nilgi) on CodePen. • key() : 요소를 반환하여 키로 표시 const keys = car.keys(); • entries() : 요소를 반환하여 키와 값으로 표시 const c1 = car1.entries(); • includes() : 요소가 배열에 있는지 확인 car2.includes("lexus"); 2022. 9. 22.
자바스크립트 - indexOf, lastIndexOf : 요소 위치 See the Pen indexOf(), lastindexOf() by nilgi (@nilgi) on CodePen. • indexOf(): 요소 위치 ["닐기", "일기", "릴기", "닐기", "닐귀"]; let ng1 = name1.indexOf("닐기") + 1; // 요소가 없을 때 -1로 표현 // 요소가 두 번 이상 나오면 첫 번째 위치 표시 • lastindexOf(): 요소 마지막 위치 ["닐기", "일기", "릴기", "닐기", "닐귀"]; let ng2 = name2.lastIndexOf("닐기") + 1; // indexOf는 i가 소문자고 lastIndexOf는 i가 대문자. // 자바에서 순서는 0부터 시작하므로 +1을 해준다. 2022. 9. 20.
자바스크립트 - 요소 찾기 find, findIndex See the Pen find(), findIndex() by nilgi (@nilgi) on CodePen. • find(): 요소 찾기 let gf1 = no1.find(myFunction); function myFunction(value, index, array) { return value > 24; } // 조건에 맞는 첫 번째 요소를 표시 • findIndex(): 요소를 찾고 그 요소의 위치 표시 document.getElementById("gr_fi").innerHTML = no2.findIndex(myFunction); function myFunction(value, index, array) { return value > 24; } // 조건에 맞는 첫 번째 요소의 위치 표시 2022. 9. 15.
자바스크립트 - every(); some(); See the Pen every(): 모든 요소 검사 by nilgi (@nilgi) on CodePen. • every(): 모든 요소 검사 let every_num = gr_nums.every(myFunction); function myFunction(value) { return value > 100; } • some(): 일부 요소 검사 let some_num = gr_nums1.some(myFunction); function myFunction(value) { return value > 50; } 2022. 9. 13.
오른쪽 요소부터 함수 걸기 - reduceRight(); See the Pen reduceRight() by nilgi (@nilgi) on CodePen. 지난번에 배운 reduce : 왼쭉부터(기분) 함수 걸기, reduceRight는 오른쪽 요소부터 [웹코딩 배우기/· JavaScript] - reduce() - 요소에 함수 걸기 num1.reduceRight(myFunction); function myFunction(total, value, index, array) { return total + value; } ​ ♥ 2022. 8. 9.
reduce() - 요소에 함수 걸기 See the Pen reduce() : 요소에 함수를 실행 by nilgi (@nilgi) on CodePen. let plus = no.reduce(myFunction); function myFunction(total, value, index, array) { return total + value; } let plus2 = no2.reduce(myFunction, 1000); function myFunction(total, value) { return total + value; } ※ 참고 reduce()는 배열 왼쪽에서 오른쪽으로 요소를 호출하고 reduceRight()는 오른쪽에서 왼쪽으로 호출한다. 2022. 8. 4.
filter() : 필터 적용 See the Pen filter() : 필터를 적용 by nilgi (@nilgi) on CodePen. 요소에 필터를 걸어 요소를 다시 배열한다. const ftn = nums.filter(myFunction); function myFunction(value) { return value > 100; } 오랜만에 공부하니까 영 모르건네... 2022. 7. 26.
숫자 배열 비교 - 자바스크립트 See the Pen sort 숫자 배열-비교 by nilgi (@nilgi) on CodePen. 지난 시간에 문자 배열의 순서 sort를 배웠다. 예를 들어 숫자 2와 100을 문자로 인식해 비교하면 2는 100보다 크다고 판단한다. 비교(a - b)를 이용해서 숫자의 크고 작음을 판단해 올바르게 정렬할 수 있다. sn.sort(function(a, b){return a - b}); a - b 값 음수 : b값이 더 크다는 뜻 - a가 작으니 앞으로 보낸다. a - b 값 양수 : a값이 더 크다는 뜻 - a가 크니 뒤로 보낸다. 2022. 7. 5.
자바스크립트 - .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.