小程序——切割字符串
做完項目整理了下小程序的字符串切割的常見幾種方法
JS對字符串進行切割截取
- 1.函數：split()
功能：使用一個指定的分隔符把一個字符串分割存儲到數組
例子：
str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);
//arr是一個包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的數組
- 2.函數：join()
功能：使用您選擇的分隔符將一個數組合併爲一個字符串
例子：
var delimitedString=myArray.join(delimiter);
var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
var portableList=myList.join(”|”);
//結果是jpg|bmp|gif|ico|png
- 3.函數:concat（）
功能：將兩個數組連接在一起；
例子：
arr1=[1,2,3,4]
arr2=[5,6,7,8]
alert(arr1.concat(arr2)) //結果爲[1,2,3,4,5,6,7,8]
- 4.函數:charAt()
功能：返回指定位置的字符。字符串中第一個字符的下標是 0。如果參數 index 不在 0 與 string.length 之間，該方法將返回一個空字符串。
例子:
var str='a,g,i,d,o,v,w,d,k,p'
alert(str.charAt(2)) //結果爲g
- 5:函數:charCodeAt()
功能：charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個返回值是 0 - 65535 之間的整數。
方法 charCodeAt() 與 charAt() 方法執行的操作相似，只不過前者返回的是位於指定位置的字符的編碼，而後者返回的是字符子串。
例子：
var str='a,g,i,d,o,v,w,d,k,p'
alert(str.charCodeAt(2)) //結果爲103。即g的Unicode編碼爲103
- 6.函數:slice(）
功能：arrayObject.slice(start,end)
start:必需。規定從何處開始選取。如果是負數，那麼它規定從數組尾部開始算起的位置。也就是說，-1 指最後一個元素，-2 指倒數第二個元素，以此類推。
end:可選。規定從何處結束選取。該參數是數組片斷結束處的數組下標。如果沒有指定該參數，那麼切分的數組包含從 start 到數組結束的所有元素。如果這個參數是負數，那麼它規定的是從數組尾部開始算起的元素。
返回一個新的數組，包含從start到end（不包括該元素）的arrayobject中的元素。
例子：
var str='ahji3o3s4e6p8a0sdewqdasj'
alert(str.slice(2,5)) //結果ji3
- 7.函數:substring()
定義和用法 substring 方法用於提取字符串中介於兩個指定下標之間的字符。
語法 stringObject.substring(start,stop)
start 必需。一個非負的整數，規定要提取的子串的第一個字符在 stringObject 中的位置。
stop 可選。一個非負的整數，比要提取的子串的最後一個字符在 stringObject 中的位置多 1。
如果省略該參數，那麼返回的子串會一直到字符串的結尾。
返回 一個新的字符串，該字符串值包含 stringObject 的一個子字符串，其內容是從 start 處到 stop-1 處的所有字符，其長度爲 stop 減 start。 說明 substring 方法返回的子串包括 start 處的字符，但不包括 end 處的字符。 如果 start 與 end 相等，那麼該方法返回的就是一個空串（即長度爲 0 的字符串）。 如果 start 比 end 大，那麼該方法在提取子串之前會先交換這兩個參數。 如果 start 或 end 爲負數，那麼它將被替換爲 0。
例子:
var str='ahji3o3s4e6p8a0sdewqdasj'
alert(str.substring(2,6)) //結果爲ji3o3
- 8.函數:substr
定義和用法 substr 方法用於返回一個從指定位置開始的指定長度的子字符串。
語法 stringObject.substr(start [, length ])
參數 start 必需。所需的子字符串的起始位置。字符串中的第一個字符的索引爲 0。
length 可選。在返回的子字符串中應包括的字符個數。 說明 如果 length 爲 0 或負數，將返回一個空字符串。 如果沒有指定該參數，則子字符串將延續到stringObject的最後。
舉例：
var str = "0123456789";
alert(str.substring(0));------------"0123456789"
alert(str.substring(5));------------"56789"
alert(str.substring(10));-----------""
alert(str.substring(12));-----------""
alert(str.substring(-5));-----------"0123456789"
alert(str.substring(-10));----------"0123456789"
alert(str.substring(-12));----------"0123456789"
alert(str.substring(0,5));----------"01234"
alert(str.substring(0,10));---------"0123456789"
alert(str.substring(0,12));---------"0123456789"
alert(str.substring(2,0));----------"01"
alert(str.substring(2,2));----------""
alert(str.substring(2,5));----------"234"
alert(str.substring(2,12));---------"23456789"
alert(str.substring(2,-2));---------"01"
alert(str.substring(-1,5));---------"01234"
alert(str.substring(-1,-5));--------""
js刪除字符串的最後一個字符三種方法
var basic = "abc,def,ghi,";
//第一種
basic = basic.substr(0, basic.length - 1);
//第二種
basic = basic.substring(0, basic.length - 1);
//第三種
basic = basic.substring(0, basic.lastIndexOf(','));
上面是js操作字符串的方法，下面咱們再看看wxml直接切割字符串的方法
具體步驟如下：
1、在目錄中新建一個wxs文件
2、wxs中代碼如下：
var filters = {
/**
* 參數1: 要截取的字符串
* 參數2: 開始截取的index
* 參數3: 結束截取的index
*/
substring:function(val,start,end){
if (val.length == 0 || val == undefined) {
return;
}
return val.substring(start,end);
}
}
module.exports = {
substring:filters.substring
}
3、需要使用截取方法的頁面index.wxml中引入當前的wxs文件
<-- 這裏路徑是相對路徑,根據自己的路徑去修改 -->
<wxs module="filters" src="./addmul.wxs"></wxs>
4、index.wxml中使用
<-- 截取前: 2019-05-05 截取後: 2019 -->
<view>{{filters.substring(text,0,4)}}</view>
以上就是小程序切割字符串的常見幾種方法，根據個人開發用途不同，找到對應方法使用！！！