、簡介
JavaScript中的字符串是不可變的,也就是說,一旦創建了一個字符串,就不能改變它。但是,有時候我們需要將一個字符串重復多次。為了滿足這個需求,JavaScript提供了一個字符串方法:repeat()。這個方法能夠返回一個重復了指定次數的字符串。
二、語法
str.repeat(count)
三、參數解釋
str:要進行重復的字符串。
count:要重復的次數。必須為正整數。
四、使用實例
在上面的例子中,我們將字符串"hello"重復了3次,得到了一個新的字符串"hellohellohello"。
let str = "hello";
// 重復字符串0次
let repeatedStr = str.repeat(0);
console.log(repeatedStr); // ""
在這個例子中,我們將字符串"hello"重復了0次,得到了一個空字符串。
五、注意事項
1、如果count是0或負數,則會返回一個空字符串。
2、count必須是一個正整數。如果count是小數,則會被向下取整。
3、如果count是Infinity,則會拋出一個RangeError異常。
六、常用在哪里
1、生成指定數量的重復字符,例如:分隔符、占位符、填充符等。
2、在字符串拼接時,將一個字符串重復多次拼接到另一個字符串中。
現Java 21的StringBuilder和StringBuffer中多了repeat方法:
/**
* @throws IllegalArgumentException {@inheritDoc}
*
* @since 21
*/
@Override
public StringBuilder repeat(int codePoint, int count) {
super.repeat(codePoint, count);
return this;
}
/**
* @throws IllegalArgumentException {@inheritDoc}
*
* @since 21
*/
@Override
public StringBuilder repeat(CharSequence cs, int count) {
super.repeat(cs, count);
return this;
}
根據名字猜猜是干嘛的?試試下面的代碼:
var sb = new StringBuilder().repeat("*", 10);
System.out.println(sb);
最后會輸出:
**********
另一個repeat方法第一個參數是codePoint,指得應該是UniCode字符集中的codePoint,所以這個方法的repeat是針對UniCode字符的。
一時間似乎想不到什么特別大的用戶,就想到可以用來快捷的構建一些文本類的分隔符?你覺得還有其他什么妙用嗎?一起聊聊~
如果您學習過程中如遇困難?可以加入我們超高質量的技術交流群,參與交流與討論,更好的學習與進步!另外,不要走開,關注我!持續更新Java新特性專欄:https://www.didispace.com/java-features/java21/stringbuilder-repeat.html
例
設置重復圖像的方式:
div {
border-image-source: url(border.png);
border-image-repeat: repeat;
}
定義和使用
border-image-repeat 屬性用于圖像邊界是否應重復(repeated)、拉伸(stretched)或鋪滿(rounded)。
提示:你可以查看 border-image 屬性 (簡寫屬性用于設置所有 border-image-* 屬性)。
默認值: | stretch |
---|---|
繼承性: | no |
動畫: | no. 查看 animatable |
版本: | CSS3 |
JavaScript 語法: | object.style.borderImageRepeat="round"嘗試一下 |
瀏覽器支持
表格中的數字表示支持該事件的第一個瀏覽器的版本號。
屬性 | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS 語法
border-image-repeat: stretch|repeat|round|initial|inherit;
注意: 該屬性規定如何延展和鋪排邊框圖像的邊緣和中間部分。因此,您可以規定兩個值。如果省略第二個值,則采取與第一個值相同的值。
屬性值
值 | 描述 | 實例 |
---|---|---|
stretch | 默認值。拉伸圖像來填充區域 | 查看實例 ? |
repeat | 平鋪(repeated)圖像來填充區域。 | 查看實例 ? |
round | 類似 repeat 值。如果無法完整平鋪所有圖像,則對圖像進行縮放以適應區域。 | 查看實例 ? |
space | 類似 repeat 值。如果無法完整平鋪所有圖像,擴展空間會分布在圖像周圍 | |
initial | 將此屬性設置為默認值。查看 initial | 查看實例 ? |
inherit | 從父元素中繼承該屬性。 查看 inherit |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。