웹코딩 배우기293 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. 숫자 메서드 - 자바스크립트 See the Pen 숫자메서드 by nilgi (@nilgi) on CodePen. 캬캬캬컄캬캬~ 아핳핳핳핳~ 어렵다~ 아하하하하핳~ 2021. 12. 3. 숫자 연산 - 자바스크립트 See the Pen 자바스트립트 숫자 쓰는 방법 by nilgi (@nilgi) on CodePen. let x = 12; let y = 12.24; // 숫자는 소수를 포함하거나 포함하지 않는다. let a = 100; let b = 200; let c = a + b; > 결과 300 // 숫자로 인식 let a = "100"; let b = "200"; let c = a + b; > 결과 100200 // 문자로 인식 let a = 100; let b = "200"; let c = a + b; > 결과 100200 // 문자로 인식 let a = "100"; let b = 200; let c = a + b; > 결과 100200 // 문자로 인식 let a = 100; let b = 200; let.. 2021. 12. 2. 문자 템플릿``과 문자 대체$( ) See the Pen 문자 대체하기 보간 by nilgi (@nilgi) on CodePen. let st1 = `문자 템플릿은 역따옴표로 묶는다.`; // 문자 템플릿은 역따옴표를 사용한다. Esc키 아래에 있다. // 역따옴표 안에 따옴표를 표시하려면 `문자 "문자"` 이렇게 쓴다. // 역따옴표 안의 문자는 여러 줄로 쓸 수 있다. // let text = `이렇게 여러 줄로 사용 가능 하다` document.getElementById("st").innerHTML = st1; let svt1 = "언제 죽을지 결정할 수 있다면"; let svt2 = "행복할 것이다."; let svt3 = "아뮈터블~" let svt = `내가 ${svt1} ${svt2} ${svt3}`; // 문자 대체는 $(내.. 2021. 11. 26. 문자가 있는지 확인 - match, includes, startsWith, endsWith See the Pen match, includes by nilgi (@nilgi) on CodePen. let text = "닐기의 블로그는 닐기입니다. 참 닐기스럽지요."; document.getElementById("tm1").innerHTML = text.match(/닐기/g); // 문자에 '닐기'를 찾아 모두 표시 let text2 = "NilGi's blog is nilgi. It's so nifty."; document.getElementById("tm2").innerHTML = text2.match(/nilgi/g); // 문자에 nilgi를 찾아 모두 표시. 대소문자 구분 let text3 = "NilGi's blog is nilgi. It's so nifty."; document.get.. 2021. 11. 25. 문자 검색, 검사 / indexOf(), lastIndexOf() - 자바스크립트 See the Pen 문자 검색, 검사 by nilgi (@nilgi) on CodePen. let io = "닐기의 블로그는 카카오의 티스토리"; document.getElementById("io1").innerHTML = io.indexOf("카카오"); // 지정한 문자가 처음 나오는 위치를 표시 let li = "닐기의 블로그는 카카오의 티스토리 블로그다"; document.getElementById("li1").innerHTML = li.lastIndexOf("블로그"); // 지정한 문자가 마지막에 나오는 위치를 표시 let ilno = "닐기의 블로그는 카카오의 티스토리 블로그다"; document.getElementById("ilno1").innerHTML = ilno.indexOf("일기.. 2021. 11. 24. 이전 1 ··· 6 7 8 9 10 11 12 ··· 33 다음
