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

Javascriptオブジェクトのクエリ文字列エンコーディング

クエリ文字列はクエリパラメータで構成され、サーバーにデータを送信するために使用されます。 URLのこの部分はオプションです。開発者が作成する必要があります。これは、encodeURIComponentと呼ばれるネイティブメソッドを使用して実行できます。

encodeURIComponent（）関数は、特定の文字の各インスタンスを、文字のUTF-8エンコードを表す1つ、2つ、3つ、または4つのエスケープシーケンスで置き換えることにより、URI（Uniform Resource Identifier）コンポーネントをエンコードします。

新しいES6形式を使用すると、オブジェクトを次の方法でエンコードされたクエリ文字列にすることができます-

例

let obj = {
   name: 'John',
   age: 25,
   city: 'Chicago'
};
let qs = Object.keys(obj)
            .map(k =>
`${encodeURIComponent(k)}=${encodeURIComponent(obj[k])}`) .join('&');
console.log(qs);

出力

これにより、出力が得られます-

name=John&age=25&city=Chicago

  1. JavaScriptのRegExpオブジェクト。

    RegExpオブジェクトは、テキストの一部を検索および抽出することにより、一部のテキストのパターンマッチングに使用されます。 RegExpオブジェクトは、regexpコンストラクターまたはリテラル構文のいずれかを使用して作成できます。 以下は、JavaScriptのRegExpオブジェクトのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"

  2. JavaScriptのオブジェクト初期化子

    オブジェクト初期化子は、新しく作成されたオブジェクトを初期化できるようにする式です。これは、プロパティ名の0個以上のペアと、中括弧{}で囲まれたオブジェクトの関連する値のコンマ区切りのリストです。 以下は、JavaScriptのオブジェクト初期化子のコードです。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d