JavaScript의 문자열 소개

다른 많은 프로그래밍 언어의 경우와 마찬가지로 JavaScript의 문자열은 데이터를 텍스트 형식으로 보유하는 데이터 유형입니다. 웹 애플리케이션 컨텍스트에서 문자열의 일반적인 용도는 양식에서 사용자 입력을 보유하는 것입니다. 검색 형식을 예로 들면 검색 쿼리가 문자열로 저장됩니다.

사용자 입력이 검색 양식에 제출되면 제출된 문자열에 대해 몇 가지 비교 작업이 수행됩니다. 이는 일치하는 자격 증명을 찾고 결과를 사용자에게 반환하기 위한 것입니다. 비교 연산은 '=', '==', '===', '<', '>'와 같은 JavaScript 연산자입니다. 이러한 연산자는 문자열이 보유한 값을 비교한 후 true 또는 false 값을 반환합니다.

이 문서에서는 문자열에 대한 같음 연산자에 중점을 둡니다. 이 가이드는 일반적인 JavaScript 연산자에 대해 자세히 설명합니다.

자바스크립트 문자열이란 무엇입니까?

JavaScript의 문자열은 많은 기본 데이터 유형 중 하나입니다. 텍스트로 표현된 값을 보유하고 있으며 몇 가지 다른 방법으로 구성할 수 있습니다. 첫 번째 방법은 문자열 프리미티브로 알려져 있습니다. 이것은 변수에 문자열 리터럴을 저장하는 것으로 구성됩니다.

const stringPrim1 = 'Hello World!'
const stringPrim2 = "Hello World!"
const stringPrim3 = `Hello World!`

문자열 리터럴은 작은따옴표(''), 큰따옴표("") 또는 역따옴표(")로 묶일 수 있습니다. JavaScript 문자열은 백틱을 사용해야만 보간될 수 있다는 것을 알아두십시오. 문자열 보간은 문자열에 표현식을 포함합니다.

const name = "John"
console.log(`Hello World! My name is ${name}`)

log: "Hello World! My name is John"

이 예에서 값이 "John"인 문자열을 저장하는 변수가 있습니다. 백틱을 사용하여 JavaScript 문자열 보간 방법을 사용할 수 있습니다. 우리는 추상적인 방식으로 name 값을 참조할 수 있습니다.

이것은 JavaScript에서 문자열 보간을 수행하는 한 가지 방법일 뿐입니다. 더 많은 방법을 배우고 싶다면 이 가이드를 시작하는 것이 좋습니다.

자바스크립트 문자열에 비교 연산자 사용

검색 양식이 효과적이려면 문자열의 대소문자 구분을 무시해야 합니다. 사용자의 입력이 데이터베이스에 저장된 값과 정확히 일치해야 한다면 사용자에게 지루할 것입니다. JavaScript는 toUpperCase()를 사용하여 해결 방법을 제공합니다. 및 toLowerCase() 행동 양식.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

동영상 웹 앱에서 귀여운 새끼 고양이 동영상을 검색해 봅시다.

const userInput = 'kittens'
const searchResult = 'Kittens'

console.log(userInput == searchResult)
log: false

비교 검색을 프로그래밍하는 이 방법은 결과를 생성하지 않습니다. 인터넷에 새끼 고양이 동영상이 가득하다는 것을 알고 있으므로 대소문자 구분을 무시하고 사용자가 검색하려는 결과를 반환하겠습니다.

const userInput = 'kittens'
const searchResult = 'Kittens'

console.log(userInput.toUpperCase() === searchResult.toUpperCase())
log: true

이제 입력 후 두 문자열을 모두 대문자로 변환했으므로 정확한 검색 결과를 반환할 수 있습니다. 두 문자열을 모두 소문자로 변환하여 동일한 결과를 얻을 수 있습니다.

const userInput = 'kittens'
const searchResult = 'Kittens'

console.log(userInput.toLowerCase() === searchResult.toLowerCase())
log: true

이 예는 검색 양식을 작성하는 방법 뒤에 있는 비교 논리를 보여주기 위한 것입니다. JavaScript 문자열에 사용할 수 있는 더 많은 메서드와 연산자가 있으며 여기에서 찾을 수 있습니다.

결론

JavaScript 문자열에 대한 이 소개에서 우리는 문자열이 무엇인지와 문자열로 작업하는 몇 가지 방법에 대해 간략하게 논의했습니다. JavaScript에서 문자열의 주제는 광범위합니다. 문자열이 무엇인지 이해하는 것은 간단한 작업일 수 있지만 포함된 문자열 작업 방법은 광범위합니다.

이 기사의 개념을 이해한 후에는 위의 가이드를 사용하여 문자열 메서드를 더 자세히 살펴보는 것이 더 합리적입니다. JavaScript 문자열은 동적이고 강력한 웹 앱을 만들기 위해 이해해야 하는 필수 데이터 유형입니다.