본문 바로가기

Javascript40

padStart( )/padEnd( ) 문자열 메소드 - padStart( )/padEnd( ) 문자를 결합하거나 복사하여, 새로운 문자열을 반환하는 메소드입니다. 매소드 설명 문법 padStart( ) 주어진 길이에 맞게 앞 문자열을 채우고, 새로운 문자열을 반환합니다. "문자열".padStart(길이) "문자열".padStart(길이, 문자열) padEnd( ) 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다. "문자열".padEnd(길이) "문자열".padEnd(길이, 문자열) 1. 문자열 메소드 : padStart( ) "문자열".padStart(길이) "문자열".padStart(길이, 문자열) padStart( ) 메소드의 길이 만큼 문자열의 문자를 반환합니다. 길이가 문자열 수보다 적다면 모든 문자열을 반환하며,.. 2022. 8. 18.
concat( )/repeat( ) 문자열 메소드 - includes( ) 문자열 포함 여부를 검색하여, 불린(true/false)으로 반환합니다. ▶ includes( ) "문자열".includes("문자열") "문자열".includes("문자열", 위치값) includes( ) 메소드는 문자열 데이터에 해당 문자가 포함되어 있으면 true를 반환하고, 포함되어 있지 않으면 false를 반환합니다. 위치값은 문자열의 첫 부분이 0으로 시작하며 우측으로 갈수록 1씩 증가합니다. 위치값을 적을 시 위치값에 해당하는 위치부터 우측으로 문자 포함 여부를 판단합니다. { const str1 = "javascript reference" const currentStr1 = str1.includes("javascript"); //true (문자열 포함.. 2022. 8. 18.
split( )/replace( )/replaceAll( ) 문자열 메소드 - split( )/replace( )/replaceAll( ) 문자열에서 원하는 값을 추출하거나 구분해서 배열로 반환하는 메소드입니다. 매소드 설명 문법 split( ) 문자열에서 원하는 값을 추출하여 배열로 반환합니다. "문자열".split(구분자); "문자열".split(정규식 표현); "문자열".split(구분자, 갯수); replace( ) 문자열을 부분 문자열로 구분하고 배열로 반환합니다. "문자열".replace("찾을 문자열", "변경할 문자열") "문자열".replace(정규식) "문자열".replace(정규식, "변경할 문자열") replaceAll( ) 문자열을 모든 부분 문자열로 구분하고 배열로 반환합니다. "문자열".replace("찾을 문자열", "변경할 문자열").. 2022. 8. 18.
정규표현식 정규표현식 정규표현식(regular expression, regexp)은 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이며, 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. ▶ 정규표현식 표현방법 정규표현식에서 사용하는 기호를 Meta문자라고 표현합니다. Meta문자는 표현식 내부에서 특정한 의미를 갖는 문자를 말하며, 주요 패턴은 아래의 표와 같습니다. ※ 정규표현식 객체 주요 패턴 패턴 설명 abc abc 문자열을 검색합니다 /abc/는 'abc' [abc] a, b, c 중 문자 하나를 검색합니다. /[abc]d/는 'ad', 'bd', 'cd' [^abc] a, b, c를 제외한 문자 하나를 검색합니다. /[^abc]d/는 'ed', 'fd', 'gd' [A-Z] 알파벳 .. 2022. 8. 16.
indexOf( ) 문자열 메소드 - indexOf( )/lastIndexOf( ) 문자열에서 특정 문자의 위치를 찾고 숫자를 반환하는 메소드입니다. 1. indexOf( ) "문자열".indexOf(검색값) "문자열".indexOf(검색값, 위치값) 문자열 데이터 안에 indexOf( ) 안의 문자의 위치를 숫자로 나타냅니다. 문자열의 첫번째 자리는 0부터 시작하며 우측으로 갈수록 숫자가 1씩 증가합니다. 해당 문자를 찾게 되면 문자의 위치를 숫자로 반환해주며, 값이 없을시 "-1"을 반환합니다. 또한 검색값 뒤에 위치값을 지정할 수 있습니다. 위치값 지정 시 해당 위치부터 문자의 위치를 찾습니다. { const str1 = "javascript reference" const currentStr1 = str1.indexO.. 2022. 8. 16.
slice( )/substring( )/substr( ) 문자열 메서드 - slice( )/substring( )/substr( ) 문자열에서 원하는 값을 추출하는 메서드입니다. 매서드 설명 차이점 slice( ) 문자열에서 원하는 값을 추출하여 문자열을 반환합니다 ▶ "문자열".slice(시작위치) or "문자열"slice(시작위치, 끝나는위치) ▶ 시작위치의 값은 끝나는 위치의 값보다 작아야 합니다. substring( ) ▶ "문자열"substring(시작위치, 끝나는위치) ▶ 시작값이 끝나는 값보다 클 경우 두 값을 바꿔서 처리(에러 방지) substr( ) ▶ "문자열".substr(시작위치) or "문자열".substr(시작위치, 길이) 1. 문자열 메서드 : slice( ) 문자열을 추출하는 메서드는 시작 인덱스부터 종료 인덱스 바로 앞까지의 문자.. 2022. 8. 16.
내장 함수 내장 함수 자바스크립트에 기본적으로 내장되어 있는 함수입니다. 1. 인코딩, 디코딩 함수 URL쿼리 정보를 전송하여 데이터를 처리해야 되는 프로그램의 경우 유니코드 문자가 포함되어 있으면 오류가 발생할 수 있습니다. 이런 경우, 인코딩 함수를 이용하여 문자를 부호화 시키고 디코딩 함수를 이용하여 되돌릴 수 있습니다. 함수명 설명 encodeURIComponet( ) 영문, 숫자와 ( ) - _ . ~ * ! '을 제외한 문자를 인코딩합니다. decodeURIComponet( ) encodeURIComponet( )의 디코딩 함수 2. 숫자, 유/무한 값 판별 함수 함수명 설명 isNaN( ) 숫자인지 아닌지를 판별하는 함수입니다. 숫자이면 false를 반환해주고 숫자가 아니면 true를 반환해줍니다. N.. 2022. 8. 15.
join()/push()/pop() 배열 메서드 - join( )/push( )/pop( ) 배열을 결합, 추가, 제거하는 메서드입니다. 매서드 설명 join( ) 배열의 요소를 연결하여 하나의 값으로 만듭니다. push( ) 배열의 마지막에 하나 이상의 요소를 추가합니다. pop( ) 배열의 마지막 요소를 제거하고 그 요소를 반환합니다. 1. 배열 메서드 : join( ) join( ) 메서드는 배열의 요소를 연결해 하나의 값으로 만들어줍니다. 출력시 배열에 있는 요소들을 하나의 값으로 만들며, 각 요소의 구분은 콤마(,)로 합니다. 요소들의 구분을 다른 문자로 하려면 ( ) 안에 원하는 문자를 넣습니다. //변수 const arrNum = [100, 200, 300, 400, 500]; const text1 = arrNum.join('.. 2022. 8. 11.
요소 선택 요소 선택 자바스크립트에서 HTML 요소를 다루기 위해서는 해당 요소를 선택해야만 합니다. 매서드 설명 getElementByld() document.getElementByld('content')일 경우 HTML 요소 중 id 속성이 'content'인 요소를 선택합니다. getElementByClassName() document.getElementByClassName('menu')일 경우 HTML 요소 중 Class명이 'menu'인 요소를 선택합니다. getElementByTagName() document.getElementByTagName('ul')일 경우 HTML 요소 중 태그명이 'ul'인 요소를 선택합니다. getElementByName() document.getElementByName('tx.. 2022. 8. 7.
지역변수/전역변수 전역변수와 지역변수 전역 변수는 함수 블록 밖이나 안에서 자유롭게 사용 가능하지만 지역 변수는 함수 블록 안에서만 사용 가능합니다. 전역 변수와 지역 변수 선언 방식 전역 변수 지역 변수 let 변수; function 함수 () { } function 함수 () { let 변수; } 함수 블록 안에 지역 변수는 반드시 var로 선언해주어야 하며 함수의 지역 변수는 함수 블록 밖에서 밖에 사용할 수 없습니다. [예시] 전역 변수 var kor = 90; function getScore(){ kor = 100; // 전역 변수 console.log ( kor ); // 100 } getScore(); console.log( kor ); // 100 [예시] 지역 변수 var kor = 90; function.. 2022. 7. 28.
함수 함수 함수는 프로그램에서 반복적으로 사용되는 기능을 만들 어내 위한 코드들의 집합입니다. 분류 매서드 설명 사용자 정의 함수 • 선언적 함수 • 익명 함수 프로그램에서 필요한 기능을 사용자가 직접 정의해서 사용하는 함수입니다. 내장 함수 • 인코딩, 디코딩 함수 • 숫자 판별 함수 • 유,무한 값 판별 함수 • 숫자변환 함수 • 문자변환 함수 • 자바스크립트 코드 변경 함수 프로그램 개발에서 자주 사용되는 기능들을 자바스크립트 내부적으로 제공해주는 함수입니다. 01. 선언적 함수 선언적 함수는 모든 함수의 기본 형태가 되는 함수입니다. { function func(){ document.write("함수가 실행되었습니다.") } func(); } 결과 확인하기 02. 익명 함수 익명 함수는 변수에 함수 데.. 2022. 7. 26.
데이터 타입 데이터 타입 데이터 타입은 변수에 저장되는 데이터 유형으로 Primitive(원시) 데이터 타입과 Object(객체) 데이터 타입으로 나눌 수 있습니다. 데이터 타입의 종류 데이터 타입은 다음과 같은 종류가 있습니다. 데이터 종류 설명 기호 숫자 데이터 숫자 데이터는 정수, 소수점, 지수를 표현할 수 있습니다. 문자 데이터 문자 데이터는 '' 또는 "" 로 표현하며 보통 작은 따옴표를 많이 사용합니다. 작은 따옴표 안에 작은 따옴표는 큰 따옴표로 처리합니다. 배열, 객체 데이터 데이터에 배열과 객체를 넣을 수 있습니다. [](배열), {}(객체) 논리 데이터 논리 데이터는 참과 거짓의 값을 표현합니다. 논리 데이터에서 0은 거짓을, 그 외의 숫자는 참을 의미합니다. boolean() 명령어는 변수의 값을.. 2022. 7. 26.

광고 준비중입니다.