位置ベースのデータ交換アレイスライス()メソッド

概要

  使用する場合antdは、具体的には、表データの垂直方向の移動を達成するために、テーブル・アセンブリと反応MDN使用のスライスアレイ研究()メソッドの公式ウェブサイト。

ブリーフ

  スライス()メソッドは、オブジェクトは、元の配列の浅いコピーは、(端部を含む、開始しない含む)の開始および終了によって決定され、新しい配列オブジェクトを返します。元の配列は変更されません。

オンライン編集のデモ

  取得現在の行のインデックス配列インデックス、利用...アプリケーションの新しい配列に元の配列を再構成するスライスで拡張演算子()メソッドと拡張オペレータスライス()メソッドがインライン編集と組み合わせて使用​​することができるためにクリックしようとする容器。

デモを移動

CONST動物= [ 'アリ'、 'バイソン'、 'ラクダ'、 'アヒル'、 '象']。
CONSTインデックス= 3。
CONST newAnimals = [... animals.slice(0、インデックス1)、動物[インデックス]、動物[索引-1]、... animals.slice(インデックス+ 1)] 
はconsole.log(動物)。
console.log(newAnimals)。

  

デモダウン

CONST動物= [ 'アリ'、 'バイソン'、 'ラクダ'、 'アヒル'、 '象']。
CONSTインデックス= 3。
CONST newAnimals = [... animals.slice(0、インデックス)、動物[インデックス+ 1]、動物[インデックス]、... animals.slice(インデックス+ 2)] 
にconsole.log(動物)。
console.log(newAnimals)。

  

 

 

 遂に

  表中のantdとonRowに反応するが、操作の実行可能と上下運動を達成するために現在の行をクリックしてイベント・レコード・データとインデックスインデックス、使用スライス()メソッドを得ることができ、それは私が共有したいこの時間は良いことですそして、欠陥のある場合には、ポインティングへようこそ。

おすすめ

転載: www.cnblogs.com/BlueBerryCode/p/11767318.html