Analisis mendalam tentang kaedah operasi rentetan JavaScript slice, substr, substring dan kemahiran IE compatibility_javascript mereka

Kaedah substr(), substring(), dan slice() sering digunakan apabila memintas rentetan Kadangkala penggunaannya keliru, jadi saya akan meringkaskannya.

Direktori Membaca
•hiris()
•subrentetan()
•substr()
•Ringkasan

hirisan()

Definisi: Menerima satu atau dua parameter, parameter pertama menentukan kedudukan permulaan subrentetan. Parameter kedua mewakili kedudukan akhir subrentetan (tidak termasuk aksara pada kedudukan akhir Jika parameter kedua tidak diluluskan, panjang rentetan digunakan sebagai kedudukan akhir).

1 Apabila parameter yang diluluskan ialah nilai positif:

var str ="helloWorld";
// 一个参数，则将字符串长度作为结束位置
alert(str.slice(3)); // "loWorld"
// 两个参数，7位置上的字符为"r",但不包括结束位置的字符
alert(str.slice(3,7)); // "loWo" 

2. Apabila parameter yang diluluskan ialah nilai negatif:

slice()方法会将传入的负值与字符串长度相加。
 var str ="helloWorld";
// 一个参数，与字符串长度相加即为slice(7)
alert(str.slice(-3)); // "rld"
// 两个参数，与字符串长度相加即为slice(3,6)
alert(str.slice(3,-4)); // "loW" 

3 Apabila parameter kedua lebih kecil daripada parameter pertama:

Jika parameter kedua yang diluluskan oleh kaedah slice() adalah lebih kecil daripada parameter pertama, rentetan kosong akan dikembalikan.

var str ="helloWorld";
alert(str.slice(5,3)); // "" 

4. IE keserasian

Apabila diuji dengan penyemak imbas IE8, tiada masalah dan tingkah lakunya konsisten dengan penyemak imbas moden.

subrentetan()

Definisi: Menerima satu atau dua parameter, parameter pertama menentukan kedudukan permulaan subrentetan. Parameter kedua mewakili kedudukan akhir subrentetan (tidak termasuk aksara pada kedudukan akhir Jika parameter kedua tidak diluluskan, panjang rentetan digunakan sebagai kedudukan akhir).

1. Apabila parameter yang diluluskan ialah nilai positif: kelakuan yang sama seperti kaedah slice()

var str ="helloWorld";
// 一个参数，则将字符串长度作为结束位置
alert(str.substring(3)); // "loWorld"
// 两个参数，7位置上的字符为"r",但不包括结束位置的字符
alert(str.substring(3,7)); // "loWo" 

2 Apabila parameter yang diluluskan ialah nilai negatif:

Kaedah subrentetan() akan menukar semua parameter negatif kepada 0. Mari kita lihat contoh:

var str ="helloWorld";
// 两个参数，-4会转换为0，相当于substring(3,0) -->即为 substring(0,3)
alert(str.substring(3,-4)); // "hel" 

Kaedah

substring() akan menggunakan nombor yang lebih kecil sebagai kedudukan permulaan dan nombor yang lebih besar sebagai kedudukan penamat. Seperti dalam contoh di atas, substring(3,0) dan substring(0,3) mempunyai kesan yang sama.

4. IE keserasian

Apabila diuji dengan penyemak imbas IE8, tiada masalah dan tingkah lakunya konsisten dengan penyemak imbas moden.

substr()

Definisi: Menerima satu atau dua parameter, parameter pertama menentukan kedudukan permulaan subrentetan. Parameter kedua agak berbeza daripada kaedah sebelumnya, menunjukkan bilangan aksara yang dikembalikan. Jika tiada hujah kedua diluluskan, panjang rentetan digunakan sebagai kedudukan penamat. Mari lihat contoh:

1 Apabila parameter yang diluluskan ialah nilai positif:

var str ="helloWorld";
// 一个参数，则将字符串长度作为结束位置
alert(str.substr(3)); // "loWorld"
// 两个参数，从位置3开始截取后面7个字符
alert(str.substr(3,7)); // "loWorld" 

2 Apabila parameter yang diluluskan ialah nilai negatif:

Kaedah

substr() menambah parameter pertama negatif pada panjang rentetan dan menukar parameter kedua negatif kepada 0.

var str ="helloWorld";
// 将第一个负的参数加上字符串的长度--->
//即为：substr(7,5) ，从位置7开始向后截取5个字符
alert(str.substr(-3,5)); // "rld"
// 将第二个参数转换为0
// 即为：substr(3,0)，即从位置3截取0个字符串，则返回空
alert(str.substr(3,-2)); // "" 

3. IE keserasian

Kaedah substr() akan menghadapi masalah apabila menghantar nilai negatif dan rentetan asal akan dikembalikan. IE9 membetulkan isu ini.

Ringkasan

Tingkah laku slice() dan subrentetan () adalah konsisten apabila menghantar parameter positif Kaedah substr() akan mudah dikelirukan pada parameter kedua

Apabila menghantar parameter negatif, kaedah slice() adalah untuk menambah panjang rentetan, yang selaras dengan pemikiran umum Menukar parameter kedua subrentetan() kepada 0 akan menyebabkan masalah dengan mudah, dan kedudukan permulaan akan mudah untuk menukar kaedah substr () akan menyebabkan masalah keserasian IE apabila menggunakan nilai negatif.

Ringkasnya, saya biasanya mengesyorkan menggunakan kaedah slice().

Izinkan saya memperkenalkan kepada anda perbezaan antara slice, substr dan substring

Pertama sekali, kedua-duanya menerima dua parameter slice dan substring menerima kedudukan permulaan dan kedudukan akhir (tidak termasuk kedudukan akhir), manakala substr menerima kedudukan permulaan dan panjang rentetan yang akan dikembalikan. Lihat sahaja contoh di bawah:

 var test = 'hello world';
  alert(test.slice(,));    //o w
  alert(test.substring(,));   //o w
  alert(test.substr(,));   //o world 

Satu perkara yang perlu diperhatikan di sini ialah subrentetan menggunakan yang lebih kecil daripada dua parameter sebagai kedudukan permulaan dan parameter yang lebih besar sebagai kedudukan penamat.

Contohnya:

alert(test.substring(7,4));   //o w 

Seterusnya, apabila parameter yang diterima ialah nombor negatif, slice akan menambah panjang rentetannya kepada nombor negatif yang sepadan, dan hasilnya akan digunakan sebagai parameter hanya akan menjadi hasil penambahan parameter pertama dan panjang rentetan Sebagai parameter pertama hanya menukar semua parameter negatif terus kepada 0. Kod ujian adalah seperti berikut:

var test = 'hello world';  
alert(test.slice(-));   //rld  
alert(test.substring(-));  //hello world  
alert(test.substr(-));  //rld  
alert(test.slice(,-));  //lo w  
alert(test.substring(,-)); //hel  
alert(test.substr(,-));  //空字符串 

Nota: IE mempunyai ralat dalam mengendalikan nilai negatif yang diterima oleh substr, dan ia akan mengembalikan rentetan asal.