JavaScriptの文字列の紹介
JavaScriptの文字列は、他の多くのプログラミング言語の場合と同様に、データをテキスト形式で保持するデータ型です。 Webアプリケーションのコンテキストでの文字列の一般的な使用法は、フォームからのユーザーの入力を保持することです。検索フォームを例にとると、検索クエリは文字列として保存されます。
ユーザー入力が検索フォームに送信されると、送信された文字列に対していくつかの比較操作が実行されます。これは、一致するクレデンシャルを見つけて、結果をユーザーに返すためのものです。比較演算はJavaScript演算子です。たとえば、「=」、「==」、「===」、「<」、「>」などです。これらの演算子は、文字列が保持する値を比較した後、trueまたはfalseの値を返します。
この記事では、文字列の等式演算子に焦点を当てています。このガイドでは、JavaScript演算子全般について詳しく説明します。
JavaScript文字列とは何ですか?
JavaScriptの文字列は、多くのネイティブデータ型の1つです。テキストとして表される値を保持し、いくつかの異なる方法で構築できます。最初の方法は、文字列プリミティブとして知られています。これは、文字列リテラルを変数に格納することで構成されます。
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の文字列補間メソッドを使用できます。名前の値は抽象的な方法で参照できます。
これは、JavaScriptで文字列補間を実行する唯一の方法です。より多くの方法を学びたい場合は、このガイドから始めることをお勧めします。
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文字列は、動的で堅牢なウェブアプリを作成するために理解する必要のある重要なデータ型です。
-
JavaScriptのテンプレート文字列。
ES6でテンプレートが導入され、文字列内に式を埋め込むことができるようになりました。 ‘’または“”引用符の代わりに、バッククォート( ``)を使用します。これらは文字列補間のはるかに優れた方法を提供し、式は$ {a+b}のような方法で埋め込むことができます。 +演算子よりもはるかに優れた構文を提供します。 以下はJavaScriptのテンプレート文字列のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> &l
-
JavaScriptでのテンプレート文字列のネスト
以下は、JavaScriptでテンプレート文字列をネストするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>