ホームページ > ウェブフロントエンド > jsチュートリアル > スライス、スプライス、スプリットの 3 つの機能は、javascript_javascript スキルでは区別するのが困難です

スライス、スプライス、スプリットの 3 つの機能は、javascript_javascript スキルでは区別するのが困難です

WBOY
リリース: 2016-05-16 15:07:51
オリジナル
1267 人が閲覧しました

これら 3 つの機能を見るたびに混乱してしまい、今日もオンラインで検索しなければなりません。偶然にもまた見かけたので、メモを取る時期に違いありません。

1.スライス(配列)

使用法: array.slice(start,end)

説明: このメソッドは配列の一部をインターセプトし、配列のコピーを返します。パラメーター start はインターセプトの開始配列インデックスであり、end パラメーターは取得する最後の文字の位置の値に等しくなります。プラス 1 (オプション)

//如果不传入参数二,那么将从参数一的索引位置开始截取,一直到数组尾
var a=[1,2,3,4,5,6];
var b=a.slice(0,3);  //[1,2,3]
var c=a.slice(3);    //[4,5,6]

//如果两个参数中的任何一个是负数,array.length会和它们相加,试图让它们成为非负数,举例说明:
//当只传入一个参数,且是负数时,length会与参数相加,然后再截取
var a=[1,2,3,4,5,6];
var b=a.slice(-1);  //[6]

//当只传入一个参数,是负数时,并且参数的绝对值大于数组length时,会截取整个数组
var a=[1,2,3,4,5,6];
var b=a.slice(-6);  //[1,2,3,4,5,6]
var c=a.slice(-8);  //[1,2,3,4,5,6]

//当传入两个参数一正一负时,length也会先于负数相加后,再截取
var a=[1,2,3,4,5,6];
var b=a.slice(2,-3);  //[3]

//当传入一个参数,大于length时,将返回一个空数组
var a=[1,2,3,4,5,6];
var b=a.slice(6);  //[]

ログイン後にコピー

2.スライス(文字列)

使用法: string.slice(start,end)

説明: スライス メソッドは、文字列の一部をコピーして新しい文字列を構築します。使用法はパラメータ配列のスライス メソッドと同じで、最後のパラメータは取得する最後の文字の位置の値に等しくなります。プラス 1

//举个简单的例子
var a="i am a boy";
var b=a.slice(0,6);  //"i am a"
ログイン後にコピー

3.スプライス (配列)

使用法: array.splice(start,deleteCount,item...)

説明: splice メソッドは、配列から 1 つ以上の配列を削除し、新しい項目に置き換えます。パラメータ start は、配列から要素を削除する開始位置です。パラメータ deleteCount は、削除される要素の数です。

追加のパラメータがある場合、項目は削除された要素の位置に挿入されます。削除された要素を含む配列を返します。

//举一个简单的例子
var a=['a','b','c'];
var b=a.splice(1,1,'e','f');  //a=['a','e','f','c'],b=['b']
ログイン後にコピー

4.分割 (文字列)

使用法: string.split(separator,limit)

説明: Split メソッドは、この文字列をフラグメントに分割して文字列配列を作成します。オプションのパラメーター制限により、分割されるフラグメントの数を制限できます。区切りパラメータには文字列または正規表現を使用できます。

の場合

区切り文字は空文字であり、単一文字の配列を返します。

//再举一个简单的例子
var a="0123456";
var b=a.split("",3);  //b=["0","1","2"]
ログイン後にコピー

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート