Javascript에 관한글 (41)
배열 메서드 : reverse()/sort() : 배열 요소의 순서를 반대로 정렬 : 반환 (배열)

const arrNum = [100, 200, 300, 400, 500]; const arrNumreverse = arrNum.reverse() document.querySelector(".sample05_M1").innerHTML = "reverse()"; const arrNum2 = [100, 200, 300, 400, 500]; const arrNumsort2 = arrNum2.sort() document.querySelector(".sample05_M2").innerHTML = "sort()"; const arrNum3 = [100, 200, 300, 400, 500]; const arrNumsort3 = arrNum3.sort(function(a,b){return b-a}); document.q..
Javascript/배열 객체
배열 메서드 : push()/pop() : 배열 마지막 요소에 추가 : 반환 (숫자)

const arrNum = [100,200,300,400,500]; const arrPush = arrNum.push(600) const arrNum = [100,200,300,400,500]; const arrPop = arrNum.pop() document.querySelector(".sample03_M1").innerHTML = "push(600)"; document.querySelector(".sample03_M2").innerHTML = "pop()"; 더보기 {결괏값} 100,200,300,400,500,600 100,200,300,400
Javascript/배열 객체
배열 메서드 : join() : 배열 요소 문자열 결합 : 반환 (문자열)

const arrNum = [100,200,300,400,500]; const text1 = arrNum.join("*"); const text2 = arrNum.join("-"); const text3 = arrNum.join(""); const text4 = arrNum.join(" "); document.querySelector(".sample02_M1").innerHTML = "join('*'')"; document.querySelector(".sample02_M1").innerHTML = "join('-')"; document.querySelector(".sample02_M1").innerHTML = "join('')"; document.querySelector(".sample02_M1").in..
Javascript/배열 객체
배열 속성 : length : 배열 길이 구하기 : 반환 (숫자)

const arrNum = [100, 200, 300, 400, 500]; const arrNumLength = arrNum.length; document.querySelector(".sample01_R1").innerHTML = arrNumLength; const arrText = ['a', 'b', 'c', 'd', 'e']; const arrTextLength = arrText.length; document.querySelector(".sample01_R2").innerHTML = arrTextLength; const arr = [1, 2, ['a', 'b']]; const arrLength = arr.length; document.querySelector(".sample01_R3").innerHT..
Javascript/배열 객체
문자열 메서드 : encodeURL()/encodeURLComponent() : 문자열을 인코딩 : 반환 (문자열)

const text = "https://webstoryboy.co.kr/자바스크립트.html"; const url = encodeURI(text); document.querySelector(".sample11_R1").innerHTML = url; const text2 = "https://webstoryboy.co.kr/자바스크립트.html"; const url2 = encodeURIComponent(text2); document.querySelector(".sample11_R2").innerHTML = url2; const text3 = "https://webstoryboy.co.kr/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8.html"; cons..
Javascript/문자열 객체
문자열 메서드 : padStart()/padEnd() : 문자열 시작 부분에 문자열 추가 : 반환 (문자열)

const num1 = "7"; const text1 = num1.padStart(2,'0'); document.querySelector(".sample10_R1").innerHTML = text1; const num2 = "456"; const text2 = num2.padStart(6,'123'); document.querySelector(".sample10_R2").innerHTML = text2; const num3 = "abc"; const text3 = num3.padStart(3,'0'); document.querySelector(".sample10_R3").innerHTML = text3; const num4 = "abc"; const text4 = num4.padStart(6); docu..
Javascript/문자열 객체
split() : 문자열 반환 : 반환 (문자열)

const str = "자바스크립트(javascript) 공부" const text = str.split('') document.querySelector(".sample09_R1").innerHTML = text const text2 = str.split(' ') document.querySelector(".sample09_R2").innerHTML = text2 const text3 = str.split(' ').join('/') document.querySelector(".sample09_R3").innerHTML = text3 const str4 = "https://43bod.tistory.com/manage/posts/"; const text4 = str4.split('&') document.qu..
Javascript/문자열 객체
replace() : 문자열 반환 : 반환 (문자열)

const str = "자바스크립트(javascript) 공부" const text = str.replace('공부','스터디'); document.querySelector(".sample08_R1").innerHTML = text; const str2 = "img01.jpg" const text2 = str2.replace('img01.jpg','img02.jpg'); document.querySelector(".sample08_R2").innerHTML = text2; const str3 = "010-9312-9004" const text3 = str3.replace('-',''); document.querySelector(".sample08_R3").innerHTML = text3; const st..
Javascript/문자열 객체
1 2 3 4 5 6
© 2018 webstoryboy