slice()とsplice()の使い方と違いは分かりますか?


私の個人ブログへようこそ.http://www.xiaolongwu.cn
彼らの共通性は、データを操作し、配列を切り取ることです.
一、slice(start,end)
  • startからendに切り取るがend
  • は含まれない.
  • 戻り値は、切り出した要素の集合
  • である.
  • 元の配列は変化しません
  • //  
            var arr1 = [1,23,44,55,66,77,888,"fff"];
            var arr2 = arr1.slice(2,4) // index 2   index 4     4
            console.log(arr2); //[44,55]
            console.log(arr1); // [1,23,44,55,66,77,888,"fff"]         

    二、splice(start,deleteCount,item 1,item 2......);
  • startパラメータ開始位置
  • deleteCount切り取る個数
  • 以降のitemsは、追加する要素
  • です.
  • deleteCountが0の場合は、要素を削除しないことを示し、start位置から後のいくつかの要素を元の配列に追加します.
  • は、削除された要素からなる値の配列を返します.要素が1つしか削除されていない場合は、1つの要素のみを含む配列を返します.要素が削除されていない場合は、空の配列
  • が返されます.
  • この方法では元の配列が変化し、配列の長さが
  • 変化します.
    //  
            var arr3 = [1,2,3,4,5,6,7,"f1","f2"];
            var arr4 = arr3.splice(2,3) //                (       )
            console.log(arr4); //[3,4,5];
            console.log(arr3); //[1,2,6,7,"f1","f2"];        
    
            var arr5 = arr3.splice(2,0,"wu","leon"); 
            //  2     0"wu","leon"
            console.log(arr5); //[]      
            console.log(arr3); // [1, 2, "wu", "leon", 6, 7, "f1", "f2"];        
    
            var arr6 = arr3.splice(2,3,"xiao","long");
            //  2     3"xiao","long"
            console.log(arr6); //["wu", "leon", 6]
            console.log(arr3); //[1, 2, "xiao", "long", 7, "f1", "f2"]
    
            var arr7 = arr3.splice(2);//               
            console.log(arr7);//["xiao", "long", 7, "f1", "f2"]
            console.log(arr3); //[1, 2]
    

    三、配列操作の方法拡張
  • push/popは配列の末尾に要素を追加/削除する.
  • unshift/shift配列の最初の要素を追加/削除します.
  • concatは、1つ(または複数)の配列および(または)値を元の配列に結合し、結合後の配列
  • に戻る.
  • join()配列のすべての要素を文字列に入れます.要素は、指定された区切り記号によって区切る
  • reverse()配列内の要素の順序を逆転する
  • 私の個人ブログ:http://www.xiaolongwu.cn
    もしあなたが私のブログの内容に疑問や疑問があるなら、下のコメントエリアにメッセージを残してください.
    メールアドレス:[email protected]