整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
、簡(jiǎn)介
JavaScript中的字符串是不可變的，也就是說(shuō)，一旦創(chuàng)建了一個(gè)字符串，就不能改變它。但是，有時(shí)候我們需要將一個(gè)字符串重復(fù)多次。為了滿(mǎn)足這個(gè)需求，JavaScript提供了一個(gè)字符串方法：repeat()。這個(gè)方法能夠返回一個(gè)重復(fù)了指定次數(shù)的字符串。
二、語(yǔ)法
str.repeat(count)
三、參數(shù)解釋
str：要進(jìn)行重復(fù)的字符串。
count：要重復(fù)的次數(shù)。必須為正整數(shù)。
四、使用實(shí)例
在上面的例子中，我們將字符串"hello"重復(fù)了3次，得到了一個(gè)新的字符串"hellohellohello"。
let str = "hello";
// 重復(fù)字符串0次
let repeatedStr = str.repeat(0);
console.log(repeatedStr); // ""
在這個(gè)例子中，我們將字符串"hello"重復(fù)了0次，得到了一個(gè)空字符串。
五、注意事項(xiàng)
1、如果count是0或負(fù)數(shù)，則會(huì)返回一個(gè)空字符串。
2、count必須是一個(gè)正整數(shù)。如果count是小數(shù)，則會(huì)被向下取整。
3、如果count是Infinity，則會(huì)拋出一個(gè)RangeError異常。
六、常用在哪里
1、生成指定數(shù)量的重復(fù)字符，例如：分隔符、占位符、填充符等。
2、在字符串拼接時(shí)，將一個(gè)字符串重復(fù)多次拼接到另一個(gè)字符串中。
現(xiàn)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;
}
根據(jù)名字猜猜是干嘛的？試試下面的代碼：
var sb = new StringBuilder().repeat("*", 10);
System.out.println(sb);
最后會(huì)輸出：
**********
另一個(gè)repeat方法第一個(gè)參數(shù)是codePoint，指得應(yīng)該是UniCode字符集中的codePoint，所以這個(gè)方法的repeat是針對(duì)UniCode字符的。
一時(shí)間似乎想不到什么特別大的用戶(hù)，就想到可以用來(lái)快捷的構(gòu)建一些文本類(lèi)的分隔符？你覺(jué)得還有其他什么妙用嗎？一起聊聊~
如果您學(xué)習(xí)過(guò)程中如遇困難？可以加入我們超高質(zhì)量的技術(shù)交流群，參與交流與討論，更好的學(xué)習(xí)與進(jìn)步！另外，不要走開(kāi)，關(guān)注我！持續(xù)更新Java新特性專(zhuān)欄：https://www.didispace.com/java-features/java21/stringbuilder-repeat.html
例
設(shè)置重復(fù)圖像的方式：
div {
border-image-source: url(border.png);
border-image-repeat: repeat;
}
定義和使用
border-image-repeat 屬性用于圖像邊界是否應(yīng)重復(fù)（repeated）、拉伸（stretched）或鋪滿(mǎn)（rounded）。
提示:你可以查看 border-image 屬性 (簡(jiǎn)寫(xiě)屬性用于設(shè)置所有 border-image-* 屬性)。
| 默認(rèn)值: | stretch |
|---|---|
| 繼承性: | no |
| 動(dòng)畫(huà): | no. 查看 animatable |
| 版本: | CSS3 |
| JavaScript 語(yǔ)法: | object.style.borderImageRepeat="round"嘗試一下 |
瀏覽器支持
表格中的數(shù)字表示支持該事件的第一個(gè)瀏覽器的版本號(hào)。
| 屬性 | |||||
|---|---|---|---|---|---|
| border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS 語(yǔ)法
border-image-repeat: stretch|repeat|round|initial|inherit;
注意： 該屬性規(guī)定如何延展和鋪排邊框圖像的邊緣和中間部分。因此，您可以規(guī)定兩個(gè)值。如果省略第二個(gè)值，則采取與第一個(gè)值相同的值。
屬性值
| 值 | 描述 | 實(shí)例 |
|---|---|---|
| stretch | 默認(rèn)值。拉伸圖像來(lái)填充區(qū)域 | 查看實(shí)例 ? |
| repeat | 平鋪（repeated）圖像來(lái)填充區(qū)域。 | 查看實(shí)例 ? |
| round | 類(lèi)似 repeat 值。如果無(wú)法完整平鋪所有圖像，則對(duì)圖像進(jìn)行縮放以適應(yīng)區(qū)域。 | 查看實(shí)例 ? |
| space | 類(lèi)似 repeat 值。如果無(wú)法完整平鋪所有圖像，擴(kuò)展空間會(huì)分布在圖像周?chē)?/td> | |
| initial | 將此屬性設(shè)置為默認(rèn)值。查看 initial | 查看實(shí)例 ? |
| inherit | 從父元素中繼承該屬性。 查看 inherit |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
