JavaScriptのsplice()、slice()、split()の3つのメソッドの違いと詳しい使い方

はじめに: splice、slice、split は JavaScript でよく使われる 3 つのメソッドです。一見似ていますが、用途は大きく異なります。今日はそれぞれの使い方を紹介します。

1. splice() メソッド

splice メソッドは、配列から要素を削除したり、配列に新しい要素を追加したりするために使用できます。その構文は次のとおりです。


array.splice(start, deleteCount, item1, item2, ...)

このうち、startは削除または追加する要素の開始位置、deleteCountは削除する要素の数、item1、item2などは配列に追加する要素を示します。

例:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 1, "Lemon", "Kiwi"); 

console.log(fruits); 
// ["Banana", "Orange", "Lemon", "Kiwi", "Mango"]

上記のコードでは、配列の 2 番目の位置から開始し、1 つの要素 (つまり、「Apple」) を削除し、2 つの新しい要素 (つまり、「Lemon」と「Kiwi」) を配列に追加します。

2、slice()方法

スライス メソッドを使用すると、配列からいくつかの要素を抽出し、新しい配列を返すことができます。その構文は次のとおりです。


array.slice(start, end)

このうち、startは抽出対象の開始位置、endは抽出対象の終了位置(この位置の要素を除く)を示します。

例:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var citrus = fruits.slice(1, 3); 

console.log(citrus); 
// ["Orange", "Apple"]

fruits.slice(-1); //表示截取数组最后一项

上記のコードでは、配列の最初の位置から開始して 2 つの要素 (つまり、「Orange」と「Apple」) を抽出し、それらを新しい配列に格納しました。

3.split ()メソッド

Split メソッドを使用すると、文字列を配列に分割できます。その構文は次のとおりです。


string.split(separator, limit)

このうち、separator は文字列を分割するために使用される文字または文字列を示し、limit は返される配列の最大長を示します。

例:

var str = "How are you doing today?";
var words = str.split(" "); //从空格部分开始分割

console.log(words); 
// ["How", "are", "you", "doing", "today?"]

上記のコードでは、文字列をスペースに従って配列に分割し、変数wordsに格納します。

参考になったら三回クリックよろしくお願いします(●'◡'●)

おすすめ

転載: blog.csdn.net/weixin_65793170/article/details/130744225