、简介
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小时内与您取得联系。