김갱환
맨땅에 코딩
김갱환
전체 방문자
오늘
어제
  • 분류 전체보기 (239)
    • ⁂ 맨땅에 코딩 (11)
      • : Story (3)
      • : MiniProject 'MyWeb' (1)
      • : Final Project (5)
      • : Josa-Moa 한국어 조사 처리 프로젝트 (1)
    • —————Frontend——————————————.. (0)
    • ⁂ HTML (10)
      • : 기본 익히기 (10)
    • ⁂ CSS (15)
      • : 기본 익히기 (15)
    • ⁂ Java Script (32)
      • : 기본 익히기 (28)
      • : 자바스크립트 라이브러리 (1)
      • : 연습 문제 (3)
    • ⁂ jQuery (11)
      • : 기본 익히기 (11)
    • ⁂ Bootstrap (3)
      • : 기본 익히기 (3)
    • ⁂ TailWind CSS (1)
    • ⁂ AJAX (5)
      • : 기본 익히기 (5)
    • ⁂ Vue.js (3)
      • : 기본 익히기 (3)
    • —————DB : Data Base————————.. (0)
    • ⁂ Oracle DB (27)
      • : 기본 익히기 (24)
      • : 연습 문제 (3)
    • ⁂ MyBatis Framework (15)
      • : 기본 익히기 (15)
    • —————Backend———————————————.. (0)
    • ⁂ Java (62)
      • : 기본 익히기 (42)
      • : JDBC - Java DataBase Conn.. (4)
      • : Crawling (2)
      • : 독학으로 공부하기(과거) (11)
      • : 연습문제 (3)
    • ——————Web————————————————— (0)
    • ⁂ JSP (28)
      • : 기본 익히기 (28)
    • ⁂ Spring FrameWork (15)
      • : Legacy Project (1)
      • : 기본 익히기(Boot 기반) (14)
    • ——————————————————————— (0)
    • ⁂ Error Note (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • httperror
  • 코딩공부 #코딩 #자바 #자바독학 #자바공부 #개발자 #프론트앤드 #백앤드 #풀스택
  • 코딩
  • web.xml수정
  • HTML공부
  • 프론트앤드
  • 객체지향프로그래밍
  • 코딩 #코딩공부 #상수 #리터럴 #형변환 #개발자 #자바 #자바공부 #자바독학
  • 비트연산자 #코딩공부 #자바공부 #코딩 #자바 #프로그래밍 #개발자
  • http에러메세지
  • 자바공부
  • 백앤드
  • 개발자
  • 코딩공부 #자바공부
  • 연산자 #기본연산자 #코딩 #자바 #독학 #자바공부 #자바연산자
  • 코딩공부
  • 자바
  • 코딩 #코딩공부 #프론트앤드 #백앤드 #풀스택개발자
  • ErrorPage
  • 풀스택

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
김갱환
⁂ Java Script/: 기본 익히기

[JS] #8 String 함수

⁂ Java Script/: 기본 익히기

[JS] #8 String 함수

2022. 8. 12. 15:44

참조 사이트 : https://www.w3schools.com/js/js_string_methods.asp

 

JavaScript String Methods

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

 프로그래밍 언어에서 문자를 나타내는 함수는 정말 다양하다.

 이는 그만큼 많은 사람들이 사용할 수 밖에 없다는 뜻이다.

 

 이 문자에 대한 함수인 String에 대해 알아보려 한다.

 

let str="Gone With The Wind";

 

1) str.length

 문자가 가진 글자의 갯수를 구하는 함수이다.

 

 2) str.charAt(0)

 문자의 () 번째 글자를 추출하는 함수이다.

 위와 같은 경우에는 0번째 글자를 추출하게 된다(맨 앞이 0번째라는 것! 잊지 말기!).

 만약 () 안에 str.length-1 을 집어넣으면 어떻게 될까?

 총 글자에서 뒤에서 두번째 글자가 출력이 된다.

 

 3) str.toUpperCase() 와 str.toLowerCase()

 각각의 문자를 대문자 또는 소문자로만 출력하는 함수이다.

 당연히 문자열의 내용이 영어일때만 가능하다.

 한글이나 다른 문자는 원본대로 출력이 된다.

 

 4) str.replace("a" , "b")

 이 함수는 문자열의 a를 b로 모두 바꾸어달라는 뜻이다.

 

 5) str.substring(6, 12)

 이 함수는 매우매우 중요한 함수이다.

 원 문자열에서 문자열을 잘라서 사용하는 함수이다.

 위의 코드는 문자열의 6번째 문자에서 (12-1)번째까지를 뜻한다.

 

 * 문자열은 보이지 않는 꼬릿말(null문자)가 존재한다.

   그래서 컴퓨터는 문자열 데이터를 처리할 때 맨 마지막에 null 문자까지 처리를 한다는 점!!

 

 6) str.slice(10, 13)

 slice도 substring과 같은 기능을 하는 함수이다.

 차이가 있다면 substring은 원 문자열을 잘라서 사용하지만 slice는 분리해서 사용한다.

 그래도 기능에 큰 차이는 없다.

 

 7) .concat()

 이 함수는 문자를 붙이는 함수이다.

let text1="Hello";
let text2="World";
let text3=text1.concat(text2);
document.write(text3);

 

 8) .trim()

 이 함수는 문자열의 공백을 제거하는 함수이다.

 단 문자열 내부의 공백보다는 문자열의 앞, 뒤에 붙은 공백을 제거해준다.

let text4 = "      Java    Script     ";
document.write(text4.trim());
document.write("<hr>");

 

 9) .padStart( , ) 와 .padEnd( , )

 전체 자리수를 정해둔 뒤 빈 문자열을 채우는 함수이다.

 아래의 코드와 출력값을 살펴보자

 (// 뒤가 출력값이다)

let text5="9"
document.write(text5.padStart(4,0)); // 0009
document.write("<hr>");

let text6="8"
document.write(text6.padStart(4,0)); // 8000
document.write("<hr>");
저작자표시 비영리 동일조건 (새창열림)

'⁂ Java Script > : 기본 익히기' 카테고리의 다른 글

[JS] #9-2 유효성 검사 - 회원가입틀 만들기 2  (0) 2022.08.16
[JS] #9-1 유효성 검사 - 회원가입틀 만들기 1  (0) 2022.08.16
[JS] #7-1 이벤트(Event)  (0) 2022.08.12
[JS] #6-4 함수(Function) : .js파일 만들기  (0) 2022.08.12
[JS] #6-3 함수(Function) : 변수의 유효 범위(Scope)  (0) 2022.08.11
    '⁂ Java Script/: 기본 익히기' 카테고리의 다른 글
    • [JS] #9-2 유효성 검사 - 회원가입틀 만들기 2
    • [JS] #9-1 유효성 검사 - 회원가입틀 만들기 1
    • [JS] #7-1 이벤트(Event)
    • [JS] #6-4 함수(Function) : .js파일 만들기
    김갱환
    김갱환
    코딩의 코자도 모르는 이의 공부 기록장

    티스토리툴바

    단축키

    내 블로그

    내 블로그 - 관리자 홈 전환
    Q
    Q
    새 글 쓰기
    W
    W

    블로그 게시글

    글 수정 (권한 있는 경우)
    E
    E
    댓글 영역으로 이동
    C
    C

    모든 영역

    이 페이지의 URL 복사
    S
    S
    맨 위로 이동
    T
    T
    티스토리 홈 이동
    H
    H
    단축키 안내
    Shift + /
    ⇧ + /

    * 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.