น้อย - ฟังก์ชั่นสตริง

คำอธิบาย

Less รองรับฟังก์ชันสตริงบางอย่างตามรายการด้านล่าง -

  • escape
  • e
  • % รูปแบบ
  • replace

ตารางต่อไปนี้อธิบายฟังก์ชันสตริงข้างต้นพร้อมกับคำอธิบาย

ซีเนียร์ ประเภทและคำอธิบาย ตัวอย่าง
1

Escape

มันเข้ารหัสสตริงหรือข้อมูลโดยใช้การเข้ารหัส URL กับอักขระพิเศษ คุณไม่สามารถเข้ารหัสอักขระบางตัวเช่น, , / , ? , @ , & , + , ~ , ! , $ , ' และอักขระบางตัวที่คุณสามารถเข้ารหัสได้เช่น \ , # , ^ , ( , ) , { , } , : , > , < , ] , [ และ =.

escape("Hello!! welcome to Tutorialspoint!")

ส่งออกสตริงที่หลีกเลี่ยงเป็น -

Hello%21%21%20welcome%20to%20Tutorialspoint%21
2

e

เป็นฟังก์ชันสตริงที่ใช้สตริงเป็นพารามิเตอร์และส่งกลับข้อมูลโดยไม่มีเครื่องหมายคำพูด มันคือการหลีกเลี่ยง CSS ซึ่งใช้~ "เนื้อหาบางส่วน"ค่าและตัวเลขที่ใช้เป็นพารามิเตอร์

filter: e("Hello!! welcome to Tutorialspoint!");

ส่งออกสตริงที่หลีกเลี่ยงเป็น -

filter: Hello!! welcome to Tutorialspoint!;
3

% format

ฟังก์ชันนี้จัดรูปแบบสตริง สามารถเขียนได้ในรูปแบบต่อไปนี้ -

%(string, arguments ...)
format-a-d: %("myvalues: %a myfile: %d", 2 + 3, "mydir/less_demo.less");

ส่งออกสตริงที่จัดรูปแบบเป็น -

format-a-d: "myvalues: 5 myfile: "mydir/less_demo.less"";
4

replace

ใช้เพื่อแทนที่ข้อความภายในสตริง ใช้พารามิเตอร์บางอย่าง -

  • string - ค้นหาสตริงและแทนที่ใน

  • pattern - ค้นหารูปแบบการแสดงออกปกติ

  • replacement - แทนที่สตริงที่ตรงกับรูปแบบ

  • flags - นี่คือแฟล็กนิพจน์ทั่วไปที่เป็นทางเลือก

replace("Welcome, val?", "val\?", "to Tutorialspoint!");

มันแทนที่สตริงเป็น -

"Welcome, to Tutorialspoint!"