문자열 메서드14 문자열 메서드 : startsWidth() / endsWidth() 문자열 메서드 : startsWidth() / endsWidth() > startsWidth() / endsWidth() 메서드 startWidth() 메서드는 시작하는 분자열에서 문자열을 검색하여 불린(true, false)으로 반환합니다. endsWidth() 메서드는 끝나는 문자열에서 문자열을 검색하여 불린(true, false)으로 반환합니다. "문자열".startsWidth(검색 문자열); "문자열".startsWidth(검색 문자열, 위치값); "문자열".endsWidth(검색 문자열); "문자열".endsWidth(검색 문자열, 시작 위치값); const str1 = "javascript reference"; const currentStr1 = str1.startsWith("javascrip.. 2022. 9. 27. 문자열 결합과 템플릿 문자열 문자열 : 문자열 결합 / 템플릿 문자열 문자열 결합과 템플릿 문자열에 대해 알아봅니다. 기본적인 문자열 결합 방법은 매우 간단합니다! > 템플릿 문자열과 결합 템플릿 문자열은 내장된 표현식을 허용하는 문자열입니다. 내장된 표현식을 허용한다는 것은 변수에 저장된 내용을 문자열에 작업할 수 있다는 뜻입니다. //01 const str1 = "자바스크립트"; const str2 = "제이쿼리"; document.querySelector(".sample01_N1").innerHTML = "1"; document.querySelector(".sample01_Q1").innerHTML = "자바스크립트, 제이쿼리"; document.querySelector(".sample01_M1").innerHTML = "문자.. 2022. 9. 1. 문자열 메서드 : split() 문자열 메서드 : split() 문자열 메서드를 활용하면 문자열에서 원하는 값을 추출할 수 있습니다. > split() 메서드 split() 메서드는 문자열에서 원하는 값을 추출하여 배열로 반환합니다. // "문자열".split(구분자); // "문자열".split(정규식 표현); // "문자열".split(구분자, 갯수); const str1 = "javascript reference"; const currentStr1 = str1.split(''); // ['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't', ' ', 'r', 'e', 'f', 'e', 'r', 'e', 'n', 'c', 'e'] const currentStr2 = str1.split(' '); /.. 2022. 9. 1. 문자열 메서드 : 대문자 / 소문자 / 공백 문자열 메서드 : 소문자/대문자/공백 문자열 메서드를 활용하면 문자를 소문자/대문자로 변환할 수 있으며, 문자 사이의 공백을 없앨 수도 있습니다. > toUpperCase()/ toLowerCase() 메서드 toUpperCase()는 문자열의 소문자를 대문자로, toLowerCase()는 대문자로 소문자로 바꿉니다. "문자열".charAt(숫자); const str1 = "javascript"; const curentStr1 = str1.toUpperCase(); document.querySelector(".sample02_N1").innerHTML = "1"; document.querySelector(".sample02_Q1").innerHTML = "javascript"; document.query.. 2022. 9. 1. 문자열 메서드 : charAt() / charCodeAt() 문자열 메서드 : charAt() / charCodeAt() 문자열 메서드를 활용하면 원하는 문자가 포함된 문자열을 찾을 수 있습니다. > charAt() / charCodeAt() 메서드 charAt() 위치값 이후 첫 글자를 검색하고 문자열(문자)을 반환합니다. charCodeAt() 메서드는 지정한 숫자 자리의 문자의 유니코드(숫자)를 반환합니다. "문자열".charAt(숫자); "문자열".charCodeAt(숫자); const str1 = "javascript reference"; const currentStr1 = str1.charAt(); //j const currentStr2 = str1.charAt("0"); //j const currentStr3 = str1.charAt("1"); //a.. 2022. 8. 22. 문자열 메서드 : match() 문자열 메서드 : match() 문자열 메서드를 활용하면 원하는 문자가 포함된 문자열을 찾을 수 있습니다. > match() 메서드 match() 메서드는 문자열(정규식)을 검색하고 문자열(배열)을 반환합니다. "문자열".match("검색값"); "문자열".match("정규식 표현"); const str1 = "javascript reference"; const currentStr1 = str1.match("javascript"); //javascript const currentStr2 = str1.match("reference"); //reference const currentStr3 = str1.match("r"); //r const currentStr4 = str1.match(/reference/).. 2022. 8. 22. 문자열 메서드 : search() 문자열 메서드 : search() 문자열 메서드를 활용하면 원하는 문자가 포함된 문자열을 찾을 수 있습니다. > search() 메서드 search() 메서드는 문자열(정규식)을 검색하고 위치값(숫자)을 반환합니다. indexOf() 메서드와 비슷하지만, 정규식까지 포함한다는 점이 차이점입니다. "문자열".search("검색값"); "문자열".search("정규식 표현"); const str1 = "javascript reference"; const currentStr1 = str1.search("javascript"); //0 const currentStr2 = str1.search("reference"); // 11 const currentStr3 = str1.search("j"); // 0 cons.. 2022. 8. 22. 문자열 메서드 : includes() 문자열 메서드 : includes() 문자열 메서드를 활용하면 문자열 포함 여부를 검색할 수도 있습니다. > includes() 메서드 includes() 메서드는 문자열 포함 여부를 검색하여, 불린(true, false)을 반환합니다. "문자열".includes("문자열") "문자열".includes("문자열", 위치값) const str1 = "javascript reference"; const currentStr1 = str1.includes("javascript"); //true const currentStr2 = str1.includes("j"); //true const currentStr3 = str1.includes("b"); //false const currentStr4 = str1.inc.. 2022. 8. 17. 문자열 메서드 : padStart() / padEnd() 문자열 메서드 : padStart() / padEnd() 문자열 메서드를 활용하면 앞/뒤 문자열에 새로운 문자를 추가하며 자릿수를 채울 수 있습니다. > padStart() / padEnd() 메서드 padStart()/padEnd() 메서드는 주어진 길이에 맞게 앞/뒤 문자열을 채우고, 새로운 문자열을 반환합니다. "문자열".padStart(길이) "문자열".padStart(길이, 문자열) const str1 = "456"; const currentStr1 = str1.padStart(1, "0"); //456 const currentStr2 = str1.padStart(2, "0"); //456 const currentStr3 = str1.padStart(3, "0"); //456 const curr.. 2022. 8. 17. 문자열 메서드 : repeat() 문자열 메서드 : repeat() 문자열 메서드를 활용하면 문자열을 반복할 수 있습니다. > repeat() 메서드 repeat() 메서드는 문자열을 복사하여, 복사한 새로운 문자열을 반환합니다. "문자열".repeat(반복수) const str1 = "javascript"; const currentStr1 = str1.repeat(0); // const currentStr2 = str1.repeat(1); //javascript const currentStr3 = str1.repeat(2); //javascriptjavascript 2022. 8. 17. 문자열 메서드 : concat() 문자열 메서드 : concat() 문자열 메서드를 활용하면 문자열에서 다수의 문자열을 추가해 결합할 수 있습니다. > concat() 메서드 concat()메서드는 둘 이상의 문자열을 추가하여 결합해 줍니다. 결합된 문자열을 반환합니다. "문자열".concat(문자열) "문자열".concat(문자열, 문자열…) const str1 = "javascript"; const currentStr1 = str1.concat("reference"); //javascriptreference const currentStr2 = str1.concat(" ", "reference"); //javascript reference const currentStr3 = str1.concat(", ", "reference"); //.. 2022. 8. 17. 문자열 메서드 : replace() / replaceAll() 문자열 메서드 : replace(), replaceAll() 문자열 메서드를 활용하면 문자열에서 특정 문자열을 선택해 다른 문자열로 바꿀 수 있습니다. > replace() / replaceAll() 메서드 replace() 메서드는 문자열의 특정 부분을 선택해 바꾼 후 바뀐 문자열을 반환하여 줍니다. replaceAll() 메서드는 replace() 메서드와 비슷하지만, 찾는 문자열을 모두 선택한다는 차이점이 있습니다. //replace() "문자열".replace("찾을 문자열", "변경할 문자열") "문자열".replace(정규식, "변경할 문자열") //replaceAll() "문자열".replace("찾을 문자열", "변경할 문자열") "문자열".replace(정규식, "변경할 문자열") con.. 2022. 8. 17. 문자열 메서드 : indexOf() / lastIndexOf() 문자열 메서드 : indexOf() / lastIndexOf() 문자열 메서드를 활용하면 원하는 문자가 포함된 문자열을 찾을 수 있습니다. 문자의 검색이 가능한 indexOf() 메서드를 잘 알아두었다가 활용합시다. > indexOf() / lastIndexOf() 메서드 indexOf() / lastIndexOf() 메서드는 괄호()안에 검색값을 작성해 검색값이 문자열의 몇번 째 자리에 위치한지 알 수 있습니다. 해당 검색값이 자리한 위치값을 숫자로 반환합니다. indexOf() 메서드는 맨 앞부터, lastIndexOf() 메서드는 문자열의 맨 뒤부터 시작합니다. "문자열".indexOf("검색값") "문자열".indexOf("검색값", "위치값") "문자열".lastIndexOf("검색값") "문자.. 2022. 8. 16. 문자열 메서드 : slice() / substring() / substr() 문자열 메서드 : slice() / substring() / substr() 문자열 메서드를 활용하면 문자열에서 원하는 값을 추출할 수 있습니다. 문자열 베서드 slice() / substring() / substr()는 서로 비슷하지만, 차이점이 있습니다. 차이점을 잘 숙지하도록 합니다. > slice() 메서드 slice() 메서드는 문자열에서 시작위치 이후의 값을 추출하여 문자열로 반환해 줍니다. 괄호() 안에는 시작 위치와 끝나는 위치를 작성할 수 있으며, 시작 위치의 값은 항상 끝나는 위치의 값보다 작아야 합니다. 음수를 작성할 경우, 뒤에서부터 추출합니다. "문자열".slice(시작위치) "문자열".slice(시작위치, 끝나는위치) 번호 기본값 메서드 리턴값 1 "javascript refer.. 2022. 8. 16. 이전 1 다음 728x90
