それぞれ、split()、slice()、splice()、join() を使用して配列を操作するメソッド

目次

序文:

Split() とは何ですか?何をするのですか?使用方法は何ですか?

join() とは何ですか?何をするのですか?使用方法は何ですか?

スライス()とは何ですか?何をするのですか?使用方法は何ですか?

splice() とは何ですか?何をするのですか?使用方法は何ですか? 


序文:

私たちは、split()、join()、slice()、splice()、これらのメソッドが何をするのか、その用途と使用方法を知る必要があります。

これらのメソッドについて簡単に説明します。

  1. Split(): Split() JavaScript メソッドは、文字列を部分文字列に分割し、結果を配列に格納するために使用されます。これは引数として区切り文字を受け取り、区切り文字に従って文字列を分割し、分割された部分文字列を含む配列を返します。

    使用例:

    const str = "Hello, World!";
    const arr = str.split(","); // 将字符串按逗号分割成数组
    console.log(arr); // 输出: ["Hello", " World!"]
    
  2. join(): join() メソッドは、配列内のすべての要素を文字列に結合するために使用されます。オプションの区切り文字をパラメータとして受け取り、配列内の要素をこの区切り文字で連結し、連結された文字列を返します。

    使用例:

    const arr = ["Hello", "World!"];
    const str = arr.join(","); // 将数组中的元素用逗号连接成字符串
    console.log(str); // 输出: "Hello,World!"
    
  3. スライス(): スライス() メソッドは、文字列または配列から指定された範囲の要素を抽出し、新しい文字列または配列を返すために使用されます。開始インデックスとオプションの終了インデックスを引数として受け取り、開始インデックスから終了インデックスまでの要素 (終了インデックスを除く) を返します。

    使用例:

    const str = "Hello, World!";
    const slicedStr = str.slice(7, 12); // 提取从索引 7 到索引 11 的子字符串
    console.log(slicedStr); // 输出: "World"
    
    const arr = [1, 2, 3, 4, 5];
    const slicedArr = arr.slice(2, 4); // 提取从索引 2 到索引 3 的子数组
    console.log(slicedArr); // 输出: [3, 4]
    
    1. splice(): splice() メソッドは、配列の要素を追加、削除、または置換し、削除された要素の配列を返すために使用されます。引数として、開始インデックス、削除する要素の数、およびオプションで追加する要素を受け取ります。

      使用例:

      const arr = [1, 2, 3, 4, 5];
      const deletedElements = arr.splice(2, 2); // 从索引 2 开始删除 2 个元素
      console.log(arr); // 输出: [1, 2, 5]
      console.log(deletedElements); // 输出: [3, 4]
      
      arr.splice(1, 0, "a", "b"); // 从索引 1 开始不删除元素,添加 "a" 和 "b"
      console.log(arr); // 输出: [1, "a", "b", 2, 5]
      

これらのメソッドは文字列と配列の処理で非常に一般的に使用され、特定のニーズに応じて文字列の分割と接続、スライス、配列の追加、削除に使用できます。

Split() とは何ですか?何をするのですか?使用方法は何ですか?

split() は JavaScript の文字列分割メソッドであり、その機能は、指定された区切り文字に従って文字列を分割し、分割された部分文字列で構成される配列を返すことです。

spit() メソッドの使用形式は次のとおりです。

string.split(separator, limit);

このうち、string は分割される元の文字列、separator は区切り文字 (固定文字列または正規表現)、limit は返される部分文字列の数を制限するために使用されるオプションのパラメータです。

たとえば、次の文字列があるとします。

var str = "JavaScript is a powerful programming language.";

スペースに基づいて文字列を区切る場合は、次のコードを使用できます。

var arr = str.split(" ");
console.log(arr);

実行後、以下の結果が出力されます。

["JavaScript", "is", "a", "powerful", "programming", "language."]

ここで arr は分割された部分文字列を含む配列です。

Split() メソッドは元の文字列を変更せず、新しい配列を返すことに注意してください。

join() とは何ですか?何をするのですか?使用方法は何ですか?

join() は JavaScript の配列メソッドで、その機能は配列のすべての要素を文字列に変換し、指定された区切り文字を使用してそれらを接続することです。

その構文は次のとおりです。

array.join(separator)

このうち、ARRAY は接続する配列、separator はオプションの区切り文字、デフォルトはカンマです。この関数は、すべての配列要素を含む文字列を返します。

その使用法と機能を説明する例を示します。

var fruits = ["苹果", "香蕉", "橙子"];
var result = fruits.join(); // 结果为:苹果,香蕉,橙子

この例では、3 つの果物の名前を含む、fruits という配列があります。join() 関数はパラメータなしで呼び出されるため、デフォルトの区切り文字はカンマです。その結果、配列内の要素はカンマで接続され、文字列「apples、banana、oranges」が取得されます。

区切り文字をカスタマイズすることもできます。例:

var numbers = [1, 2, 3, 4];
var result = numbers.join("-"); // 结果为:1-2-3-4

この例では、join() 関数のパラメータをダッシュ​​ (「-」) に設定します。その結果、配列内の要素がダッシュで接続され、文字列「1-2-3」が取得されます。 -4インチ。

join() 関数は、配列内の各要素を文字列に自動的に変換することに注意してください。配列内の要素が NULL または UNDEFINED の場合、空の文字列に変換されます。

要約すると、 join() 関数の役割は、配列の要素を接続して文字列を形成することであり、区切り文字はカスタマイズできます。これは、特に配列の内容を特定の形式で出力する必要がある場合に非常に便利です。

別の構文もあります。

JSON.stringify(value[, replacer[, space]])

このうち、value は変換される JavaScript オブジェクト、replacer は最終文字列にどの属性を含めるかを制御するために使用されるオプションのパラメーター、space も出力文字列のインデントを定義するために使用されるオプションのパラメーターです。

ここではいくつかの例を示します。

var person = {
  name: "John",
  age: 30,
  city: "New York"
};

var jsonString = JSON.stringify(person);
console.log(jsonString);
// 结果为: {"name":"John","age":30,"city":"New York"}

この例では、 という名前のオブジェクトがありますpersonJSON.stringify()関数を呼び出してperson引数として渡すと、オブジェクトが次の形式の文字列に変換されます{"name":"John","age":30,"city":"New York"}

JOIN.stringify() メソッドは、最終的な文字列にオブジェクトの列挙可能なプロパティのみを含めることに注意してください。含める属性に対してさらにフィルタリング、置換、またはその他の操作を実行する場合は、replacer パラメーターを使用できます。このパラメータには関数または配列を指定できます。

また、space パラメータは文字列を出力する際のインデントの長さを指定するために使用されます。このパラメータが指定されていない場合、結果の文字列にはインデントがありません。

var person = {
  name: "John",
  age: 30,
  city: "New York"
};

var jsonString = JSON.stringify(person, null, 2);
console.log(jsonString);
// 结果为:
// {
//   "name": "John",
//   "age": 30,
//   "city": "New York"
// }

null上記の例では、 (属性置換を行う必要がないため) を代替として渡し、spaceパラメータを 2 に設定して、出力文字列に 2 スペースのインデントを追加します。

要約すると、JOIN.stringify() メソッドは、JavaScript オブジェクトを文字列に変換し、ネットワーク送信や保存に適したものにするために使用されます。これは、データを扱う一般的な方法の 1 つで、特にサーバーとデータを交換したり、ローカル ストレージやブラウザ セッションにデータを保存したりする場合に使用されます。

スライス()とは何ですか?何をするのですか?使用方法は何ですか?

lice() は JavaScript のメソッドであり、Python やその他のプログラミング言語にも同様の機能があります。これは、配列または文字列から指定された範囲の要素を抽出し、元の配列または文字列を変更せずに新しい配列または文字列を返すために使用されます。

lice() メソッドには、start と end という 2 つのパラメータがあります。startは抽出対象の開始位置(この位置の要素を含む)、endは抽出対象の終了位置(この位置の要素を除く)を示します。end パラメータを省略した場合、デフォルトでは配列または文字列の末尾まで抽出されます。

以下は、slice() メソッドを使用した例です。

var arr = [1, 2, 3, 4, 5];
var slicedArr = arr.slice(1, 4); // 从索引1开始,直到索引4(不包括4)
console.log(slicedArr); // 输出 [2, 3, 4]

var str = "Hello World";
var slicedStr = str.slice(6); // 从索引6开始提取到字符串末尾
console.log(slicedStr); // 输出 "World"

lice() メソッドは元の配列または文字列を変更せず、新しいスライスを返すことに注意してください。

splice() とは何ですか?何をするのですか?使用方法は何ですか? 

splice() は JavaScript のメソッドであり、Python やその他のプログラミング言語にも同様の機能があります。元の配列または文字列を変更するために使用され、要素の削除、挿入、置換が可能です。

splice() メソッドには、start、deleteCount、items の 3 つのパラメータがあります。start は変更する開始位置のインデックスを示し、deleteCount は削除する要素の数を示します。items は配列または文字列に追加する新しい要素を示すオプションのパラメータです。

splice() メソッドを使用した例を次に示します。

var arr = [1, 2, 3, 4, 5];
arr.splice(2, 2); // 从索引2开始删除2个元素
console.log(arr); // 输出 [1, 2, 5]

var str = "Hello World";
var newStr = str.splice(6, 0, ","); // 在索引6处插入逗号
console.log(str); // 输出 "Hello, World"

splice() メソッドは、元の配列または文字列を直接変更し、削除された要素を含む配列を返すか、要素が削除されない場合は空の配列を返すことに注意してください。元の配列または文字列に新しい要素を挿入すると、 splice() メソッドは空の配列を返します。

おすすめ

転載: blog.csdn.net/wangxuanyang_zer/article/details/131999290