Pembelajaran rentetan JS mengembalikan sambungan fail dengan memintas subrentetan

Dalam artikel sebelumnya "rentetan JS belajar cara mengembalikan subrentetan antara subskrip yang diberikan", kami memperkenalkan memintas rentetan antara kedudukan subskrip yang ditentukan dan mengembalikan kaedah bahagian (subrentetan) yang diekstrak. Kali ini kami terus mempelajari rentetan JavaScript dan mempelajari kaedah memintas rentetan yang lain Kawan-kawan yang berminat boleh mempelajarinya~

Tema artikel ini adalah untuk memperkenalkan kaedah memintas rentetan mengikut panjang yang ditetapkan. , dan kemudian gunakan Kaedah ini melihat cara mendapatkan sambungan fail.

Mula-mula, mari kita lihat cara memintas subrentetan dengan panjang yang ditentukan dan mengembalikannya? Izinkan saya memberi anda pengenalan terperinci di bawah.

Mari kita lihat contoh:

var str="Hello world!";
var n=str.substr(2,3)
console.log(n);

Hasil keluaran:

Ia boleh dilihat: Kami menggunakan str.substr(2,3) untuk memintas 3 aksara bermula daripada aksara ketiga, jadi subrentetan yang dikembalikan ialah "llo".

Mari kita lihat kaedah substr(). Kaedah

str.substr(start,length) boleh memintas subrentetan mengikut panjang yang ditentukan. Ia mengandungi dua parameter Parameter pertama start tidak boleh ditinggalkan, menunjukkan subskrip permulaan subrentetan yang akan dipintas; dipintas. length

Jika parameter kedua

ditinggalkan, maka semua aksara seterusnya akan dipintas bermula dari mula. length

var str="Hello world!";
var n=str.substr(2)
console.log(n);

Hasil keluaran:

Jika parameter pertama

ialah nilai negatif, ia bermakna bermula dari hujung rentetan kedudukan, iaitu -1 mewakili aksara terakhir, -2 mewakili watak kedua terakhir, dan seterusnya. (Ini sangat berguna apabila panjang aksara kiri tidak tetap.) start

var str="Hello world!";
var n1=str.substr(-1,1);
var n2=str.substr(-2,1);
var n3=str.substr(-3,2);
console.log(n1);
console.log(n2);
console.log(n3);

Hasil output:

Melalui perkara di atas, kita tahu substr itu boleh digunakan () kaedah untuk memintas subrentetan panjang tertentu dan mengembalikan subrentetan itu.

Mari kita lihat cara mendapatkan sambungan fail menggunakan kaedah ini.

Kita boleh menggunakan kaedah substr() dan lastIndexOf() untuk mendapatkan sambungan fail Contohnya, jika terdapat url fail berikut

../img/Pembelajaran rentetan JS mengembalikan sambungan fail dengan memintas subrentetan

Gunakan pernyataan berikut. untuk mendapatkan sambungan fail Nama:

var str="../img/Pembelajaran rentetan JS mengembalikan sambungan fail dengan memintas subrentetan";
var b = str.substr(str.lastIndexOf(".") ,4);  //截取最后一个点号开始4个字符
console.log(b);  //返回子字符串“.png”

Analisis: Gunakan

untuk mendapatkan kedudukan kejadian terakhir aksara ".", dan kemudian gunakannya sebagai parameter pertama kaedah substr() untuk nyatakan kedudukan permulaan rentetan yang dipintas . Oleh kerana sambungan ".png" mempunyai empat aksara, hanya tetapkan parameter kedua kaedah substr() kepada 4. str.lastIndexOf(".")

Hasil keluaran:

Jika anda hanya mahu mendapatkan "png", anda boleh menambah 1 pada str.lastIndexOf("."):

var str="../img/Pembelajaran rentetan JS mengembalikan sambungan fail dengan memintas subrentetan";
var b = str.substr(str.lastIndexOf(".")+1 ,3);  //截取最后一个点号后3个字符
console.log(b);  //返回子字符串“png”

Hasil keluaran:

Ini untuk mengetahui panjang sambungan, tetapi kadangkala panjang sambungan tidak tetap, kemudian Kita boleh meninggalkan parameter kedua kaedah substr() dan terus mendapatkan semua aksara selepas aksara ".":

var str="../img/Pembelajaran rentetan JS mengembalikan sambungan fail dengan memintas subrentetan";
var b = str.substr(str.lastIndexOf(".")+1 );  
console.log(b);
  
var str="../img/1.jpeg";
var b = str.substr(str.lastIndexOf(".")+1 );  
console.log(b);

Hasil output:

Baiklah, itu sahaja Jika anda memerlukannya, anda boleh membaca:

Tutorial JavaScript Lanjutan

Atas ialah kandungan terperinci Pembelajaran rentetan JS mengembalikan sambungan fail dengan memintas subrentetan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!