Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptメソッド：charAt（）メソッド

JavaScriptにはStringオブジェクトメソッドがあり、文字列内の特定のインデックスにある文字を特定できます。この記事では、その方法について説明し、その使用方法を示します。

このメソッドでは、JavaScriptのプリミティブ型に目を向けます。それらのタイプは何ですか？プリミティブとはどういう意味ですか？

プリミティブ型または値は、オブジェクトではなく、メソッドが関連付けられていないアイテムです。 JavaScriptでは、プリミティブは文字列、数値、ブール値、bigint、記号、および未定義です。今日は、文字列プリミティブ値に焦点を当てます。

プリミティブ文字列値の興味深い点は、通常、プリミティブ文字列オブジェクトと互換性があることです。ほとんどの場合、JavaScriptはプリミティブ文字列オブジェクトラッパーをプリミティブ文字列に自動的にラップし、Stringメソッドの使用を強制します。したがって、ほとんどの場合、プリミティブ文字列（メソッドが使用可能）をプリミティブ文字列オブジェクト（メソッドが使用可能）に変更することを心配する必要はありません。

構文

String charAt（）メソッドの構文はかなり単純です。見たい文字列から始めます。これは文字列オブジェクトであるため、ドット表記を使用してメソッドにアクセスし、最後にアタッチします。これを呼び出すには、検索するインデックスの最後に括弧を追加します。 

const charAtFive  = new String("It is warm today.").charAt(5));

charAt() メソッドは、文字列内のそのインデックスにある文字を返します。文字列はゼロベースであるため、インデックスは0から始まり、そこから順番に進むことに注意してください。これが実際の実装です–入力を使用して文字列とインデックスを追加し、送信を押します。範囲外のインデックスを要求していない限り、要求したインデックスで1文字を返す必要があります。 


<!DOCTYPE html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title>repl.it</title>
   <link href="style.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
   <form onsubmit=handleSubmit(event)>
     <label for="to-fixed">Enter a string:</label>
     <input id="to-fixed" onchange=handleChange(event) type="text" name="inputVal" value=""/>
     <label for="num-digits">Enter an index:</label>
     <input id="num-digits" onchange=handleChange(event) type="text" name="numVal" value=""/>
 
     <input type="submit" value="Submit" />
   </form>
 
   <h3 id="root"></h3>
 
   <script>
     let inputVal = '';
     let numVal = '';
     let errorVal = '';
 
     const handleChange = e => {
       if(e.target.name === "inputVal") {
         inputVal = e.target.value;
       } else {
         if(inputVal.length - 1 < e.target.value || e.target.value < 0) {
           errorVal = "Must enter index less than length of string and greater or equal to 0"
         } else {
           errorVal = "";
           numVal = e.target.value;
         }
       }
     }
     const handleSubmit = e => {
       e.preventDefault();
       console.log(e)
       const root = document.querySelector("#root");
       if(errorVal) {
         root.innerHTML = errorVal;
       } else {
         root.innerHTML = new String(inputVal).charAt(Number(numVal));
         console.log(new String(inputVal).charAt(Number(numVal)));
       }
 
     }
     const inputValue = document.getElementById("to-fixed").value
   </script>
 </body>
</html>

次に何を見るべきですか？

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

JavaScript逆文字列コードチャレンジ

JavaScriptポップメソッド：その概要と使用方法

JavaScriptで部分文字列を使用する方法

JavaScript文字列に含まれるもの：ステップバイステップガイド

JavaScripttoUpperCaseおよびtoLowerCase


  1. JavaScriptのString.trimStart（）およびString.trimEnd（）メソッドを説明する

    String.trimStart（）メソッドは、文字列の先頭から空白を削除するために使用され、String.trimEnd（）メソッドは、文字列の末尾から空白を削除します。 以下は、String.trimStart（）メソッドとString.trimEnd（）メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=&qu

  2. JavaScriptでメソッドを共有する

    メソッドは、オブジェクトのプロトタイププロパティにアタッチすることで共有できます。これらのメソッドは、オブジェクトのすべてのインスタンス間で共有されます。 以下はJavaScriptでメソッドを共有するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-