ホームページ >ウェブフロントエンド >jsチュートリアル >要素を削除し、配列に新しい要素を追加するための JavaScript メソッド splice()
要素を削除し、配列に新しい要素を追加するための JavaScript メソッド splice()
- 黄舟オリジナル
- 2017-11-03 14:02:162423ブラウズ
定義と使用法
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 = ['a','b','c','d']; 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 = ['a','b','c','d']; var removeArray = array.splice(1,0,'insert'); 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 = ['a','b','c','d']; var removeArray = array.splice(1,1,'insert'); alert(array);//弹出a,insert,c,d alert(removeArray);//弹出b </script> </body> </html>
以上が要素を削除し、配列に新しい要素を追加するための JavaScript メソッド splice()の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。