어제 오늘 내일

Javascript에서 문자열을 뒤에서부터 자르는 방법을 소개합니다. 문자열 뒤에서 자르기 문자열을 자르는 방법은 substring(), substr(), slice() 등등 여러가지가 있습니다. 여기서는 문자열을 뒤에서부터 자르기 위해서 slice() 함수를 사용해 보도록 하겠습니다. See the Pen 문자열 by anna (@hianna) on CodePen. slice() 함수 str.slice(beginIndex[, endIndex]) slice() 함수는 파라미터로 문자열을 잘라낼 시작 index값(beginIndex)과 마지막 index값(endIndex)을 받아서, 해당 index 값 사이의 문자열을 추출하는 함수입니다. endIndex 위치의 문자는 리턴값에 포함되지 않습니다. inde..

Javascript의 문자열에서 첫번째 글자를 삭제하는 방법입니다. 여기서는 substr(), substring(), slice() 함수를 사용하여 첫번째 글자를 삭제하는 방법을 알아보도록 하겠습니다. 문자열의 첫글자 삭제하기 See the Pen 문자열 by anna (@hianna) on CodePen. substr(), substring(), slice() 이 세 개의 함수 모두 원래의 사용 방법은 조금씩 다릅니다. substr() string.substr(start, length) substr() 함수는 파라미터로 전달된 시작 index(start)부터 길이(length)만큼 문자열을 잘라서 리턴합니다. length를 입력하지 않으면 시작 index부터 문자열의 끝까지를 리턴합니다. substri..

문자열을 Date 타입의 날짜로 변환하는 방법을 알아보도록 하겠습니다. 문자열 날짜(Date) 변환하기 "2020-07-20" 문자를 날짜로 변환하는 예제입니다. See the Pen 문자열 by anna (@hianna) on CodePen. 1. str.split('-') 문자열의 연월일이 '-'로 구분되므로, split() 함수를 이용하여 문자열을 잘라서 배열에 담았습니다. [Javascript] 문자열을 배열로 변환 (split 함수) 2. new Date(strArr[0], strArr[1]-1, strArr[2]) Date(년, 월, 일) 함수를 이용하여, 날짜로 변환하였습니다. Date의 파라미터로 '월'을 넘겨줄 때 '-1'을 해주어야 합니다. 0은 1월, 1은 2월을 의미하기 때문입니다...

Javascript를 이용해서 문자열의 첫글자만 대문자로 변환하는 방법을 알아보도록 하겠습니다. 문자열의 첫글자만 대문자로 변환하기 문자열의 첫글자만 대문자로 변환하기 위해서는 다음의 4가지 절차가 필요합니다. 1. 첫번째 글자 찾기 2. 첫번째 글자를 대문자로 변환하기 3. 첫번째 글자를 제외한 나머지 글자 찾기 4. 2에서 대문자로 변환한 첫번째 글자와 3에서 찾은 나머지 글자를 이어 붙이기 See the Pen 문자열 by anna (@hianna) on CodePen. 주석으로 작성된 부분의 코드도 같이 참조하세요. 1. 첫번째 글자 찾기 특정 위치의 문자를 찾기 위해서 charAt() 함수와 대괄호를 사용할 수 있습니다. [Javascript] 특정 위치 문자 찾기 2가지 방법 (charAt 함..

Javascript에서 문자열을 이어붙이는 3가지 방법을 소개합니다. 1. '+' 연산자 2. concat() 함수 3. join() 함수 1. '+' 연산자 See the Pen 문자열 by anna (@hianna) on CodePen. 숫자를 더 할 때 '+' 연산자를 사용하는 것처럼 문자열을 이어줄 때도 위와 같이 '+' 연산자를 사용할 수 있습니다. 이 글에서 소개할 문자열을 이어주는 방법 중 가장 성능이 뛰어납니다. See the Pen 문자열 by anna (@hianna) on CodePen. 숫자를 더해줄 때마 마찬가지로 '+=' 연산자를 사용할 수도 있습니다. 2. concat() 함수 str.concat(str2, str3.....strN) - concat()함수는 str과 파라미터로..

지난 번에는 특정 위치의 문자를 찾는 방법, 즉, index값을 입력으로 전달하여, 해당 위치에 있는 문자를 읽는 방법을 알아보았습니다. [Javascript] 특정 위치 문자 찾기 2가지 방법 (charAt 함수, 대괄호) 이번에는 그 반대로 특정 문자가 문자열의 어느 index에 위치하는지 찾는 방법을 알아보도록 하겠습니다. Javascript의 문자열에서 특정 문자의 위치를 찾기 위해서 indexOf 함수를 사용합니다. indexOf() 함수 string.indexOf(searchvalue, position) indexOf 함수는, 문자열(string)에서 특정 문자열(searchvalue)을 찾고, 검색된 문자열이 '첫번째'로 나타나는 위치 index를 리턴합니다. 파라미터 searchvalue ..

Javascript에서 특정 인덱스 위치의 문자를 찾아 읽어오는 2가지 방법을 소개합니다. chartAt() 함수 활용 하기 str.charAt(index) charAt 함수는 주어진 문자열의 index 위치의 문자를 읽어서 리턴합니다. index는 0부터 시작합니다. index 값이 입력되지 않으면, index 값은 자동으로 0으로 지정됩니다. charAt() 함수 활용 예제 See the Pen 문자열 by anna (@hianna) on CodePen. 예제1 파라미터로 index가 지정되지 않으면, index 값은 자동으로 0으로 설정됩니다. 문자열의 0번째 index에 위치한 글자 'a'를 리턴하였습니다. 즉, 파라미터를 입력하지 않으면, 문자열의 첫번째 글자를 리턴합니다. 예제2 파라미터로 0..

문자열을 일정한 구분자로 잘라서 각각의 문자열을 배열로 저장하는 방법을 알아보도록 하겠습니다. 문자열을 일정한 구분자로 잘라서 배열로 저장하기 위해서는 split() 함수를 사용합니다. split() 함수 string.split(separator, limit) split() 함수는, 문자열을 'separator'로 잘라서, 'limit' 크기 이하의 배열에 잘라진 문자열을 저장하여 리턴합니다. separator 필수 아님 문자열을 잘라 줄 구분자 (문자열 또는 정규식) 값이 입력되지 않으면 문자열 전체를 배열에 담아서 리턴합니다. limit 필수 아님 최대 분할 갯수 예제 1. 파라미터를 입력하지 않을 경우 See the Pen 문자열 by anna (@hianna) on CodePen. 파라미터로 아무..

동등 연산자('==', '===') 비교 Javascript에서 문자열의 비교를 위해서는 동등연산자('==' 또는 '===')를 사용합니다. 동등 연사자를 사용하여 두 개의 문자열을 비교해서 두 문자열이 같으면 'true'를 리턴하고, 다르면 'false'를 리턴합니다. See the Pen 문자열 by anna (@hianna) on CodePen. '==' 연산자와 '==='의 차이는 다음 링크를 참조하세요. [Javascript] '==' 연산자와 '===' 연산자의 차이점 [Javascript] '=='와 '==='의 차이 (null, undefined) 비교 연산자('') 비교하기 ( 대소비교) '' 연산자를 사용하여 문자열의 순서를 비교할 수도 있습니다. '' 연산자는 문자열을 '사전 순서' ..

지난번에는 '==' 연산자와 '===' 연산자의 기본적인 차이점에 대해서 알아보았습니다. [Javascript] '==' 연산자와 '===' 연산자의 차이점 이번에는 '=='와 '===' 연산자를 이용해서 null, undefined 값을 체크했을 경우 어떤 결과가 나오는지 알아보겠습니다. '=='연산자와 '==='를 이용한 unll, undefined 비교 See the Pen 문자열 by anna (@hianna) on CodePen. 따라서, 위의 예제를 보면 '==' 연산자를 이용하여 두 값(null과 undefined)을 비교하면 true를 리턴합니다. 그러나, '===' 연산자를 이용하여 두 값을 비교하면 타입이 다르기 때문에 false를 리턴합니다. '==' 연산자를 이용한 null, und..