要素を削除し、配列に新しい要素を追加するための JavaScript メソッド splice()-jsチュートリアル-php.cn

要素を削除し、配列に新しい要素を追加するための JavaScript メソッド splice()

黄舟

リリース： 2017-11-03 14:02:16

オリジナル

2364 人が閲覧しました

定義と使用法

splice() メソッドは、配列に項目を追加/削除し、削除された項目を返します。

注: このメソッドは元の配列を変更します。

構文

arrayObject.splice(index,howmany,item1,.....,itemX)

ログイン後にコピー

パラメータ	説明
インデックス	必須。 Integerは、項目を追加/削除する位置を指定します。配列の末尾からの位置を指定するには、負の数値を使用します。
いくつ	必要です。削除するアイテムの数。 0 に設定すると、項目は削除されません。
item1、...、itemX	はオプションです。新しい項目が配列に追加されました。

戻り値

タイプ	説明
配列	削除されたアイテムがあれば、それを含む新しい配列

説明

sp () メソッドはゼロを削除しますインデックスで始まる 1 つ以上の要素を削除し、それらの削除された要素を引数リストで宣言された 1 つ以上の値に置き換えます。

arrayObject から要素が削除された場合、削除された要素を含む配列が返されます。

技術的な詳細

JavaScriptバージョン:

1.2

浏览器支持

所有主流浏览器都支持 splice() 方法。

提示和注释

注释：请注意，splice() 方法与 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。

实例

例子 1

在本例中，我们将创建一个新数组，并向其添加一个元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")arr.splice(2,0,"William")document.write(arr + "<br />")

</script>

ログイン後にコピー

输出

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin

ログイン後にコピー

例子 2

在本例中我们将删除位于 index 2 的元素，并添加一个新元素来替代被删除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")arr.splice(2,1,"William")document.write(arr)

</script>

ログイン後にコピー

输出：

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

ログイン後にコピー

例子 3

在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素，并添加一个新元素 ("William") 来替代被删除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")arr.splice(2,3,"William")document.write(arr)

</script>

ログイン後にコピー

输出：

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin

ログイン後にコピー

JavaScript中的splice主要用来对js中的数组进行操作，包括删除，添加，替换等。

注意：这种方法会改变原始数组！。

1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）

2.插入-向数组指定位置插入任意项元素。三个参数，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）

3.替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

示例：

1、删除功能，第一个参数为第一项位置，第二个参数为要删除几个。

array.splice(index,num)，返回值为删除内容，array为结果值。

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var array = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
var removeArray = array.splice(0,2); 
alert(array);//弹出c,d 
alert(removeArray);//返回值为删除项，即弹出a,b 
</script> 
</body> 
</html>

ログイン後にコピー

2、插入功能，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）

array.splice(index,0,insertValue)，返回值为空数组，array值为最终结果值

!DOCTYPE html> 
<html> 
<body> 
<script> 
var array = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
var removeArray = array.splice(1,0,&#39;insert&#39;); 
alert(array);//弹出a,insert,b,c,d 
alert(removeArray);//弹出空 
</script> 
</body> 
</html>

ログイン後にコピー

3、替换功能，第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

array.splice(index,num,insertValue)，返回值为删除内容，array为结果值。

<!DOCTYPE html> 
<html> 
<body> 
<script> 
var array = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
var removeArray = array.splice(1,1,&#39;insert&#39;); 
alert(array);//弹出a,insert,c,d 
alert(removeArray);//弹出b 
</script> 
</body> 
</html>

ログイン後にコピー

以上が要素を削除し、配列に新しい要素を追加するための JavaScript メソッド splice()の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。