본문 바로가기

JavaScript131

replace() | replaceAll() replace() | replaceAll() replace() 메서드는 문자열을 부분 문자열로 구분하고 배열로 반환한다. /"문자열".split(구분자); "문자열".split(정규식 표현); "문자열".split(구분자, 제한(갯수)); const str1 = "javascript reference"; const currentStr1 = str1.replace("javascript", "자바스크립트"); // 자바스크립트 reference const currentStr2 = str1.replace("j", "J"); // Javascript reference const currentStr3 = str1.replace("e", "E"); // javascript rEference (가장 첫 번째의 e가 .. 2022. 8. 17.
split() split( ) 문자열에서 원하는 값을 추출하여 배열로 반환한다. "문자열".split(구분자); "문자열".split(정규식 표현); "문자열".split(구분자, 제한(갯수)); const str1 = "javascript reference"; const currentStr1 = str1.split(''); // (20) ['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't', ' ', 'r', 'e', 'f', 'e', 'r', 'e', 'n', 'c', 'e'] const currentStr2 = str1.split(' '); // (2) ['javascript', 'reference'] 한칸을 띄어서 출력하게 되면 단어로 출력한다. const currentStr.. 2022. 8. 17.
template template 템플릿이란 내장된 표현식을 허용하는 문자열 리터럴이다. // 01번 문제 const str1 = "자바스크립트"; const str2 = "제이쿼리"; document.querySelector(".sample01_N1").innerHTML = "1"; document.querySelector(".sample01_Q1").innerHTML = "자바스크립트, 제이쿼리"; document.querySelector(".sample01_M1").innerHTML = "문자열(string) 결합"; document.querySelector(".sample01_P1").innerHTML = str1 + str2; // 02번 문제 const num1 = 100; const num2 = 200; do.. 2022. 8. 17.
toLowerCase() | toLowerCase() toLowerCase() | toUpperCase() toUpperCase() 문자열을 대문자로 변경하고, toLowerCase()는 소문자로 변경해준다. const str1 = "javascript"; const currentStr1 = str1.toUpperCase(); const str2 = "JAVASCRIPT"; const currentStr2 = str2.toLowerCase(); document.querySelector(".sample02_N1").innerHTML = "1"; document.querySelector(".sample02_Q1").innerHTML = "javascript"; document.querySelector(".sample02_M1").innerHTML = "toUp.. 2022. 8. 17.
trim() trim() | trimStart() | trimEnd() trim() : 앞뒤 문자열 공백제거 trimStart() : 앞 공백 제거 trimEnd() : 뒤 공백 제거 //01 const str1 = " javascript "; const currentStr1 = str1.trim(); document.querySelector(".sample03_N1").innerHTML = "1"; document.querySelector(".sample03_Q1").innerHTML = " javascript "; document.querySelector(".sample03_M1").innerHTML = "trim()"; document.querySelector(".sample03_P1").innerHTML = .. 2022. 8. 17.
검색 이펙트 첫 번째 검색 이펙트 html 태그, css 속성, javascript 의 메서드 를 검색하여 찾아볼수있습니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 indexOf()를 이용하여 CSS 속성 검색하기 CSS 속성 검색하기 검색하기 속성 갯수 : 0 accent-color : 특정 요소에 색상을 지정할 때 사용됩니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. all : 요소의 속성을 초기화 또는 상속을 설.. 2022. 8. 16.
728x90
반응형

자바스크립트 사진

JavaScript

자세히보기