String.substring() 的用法

原创 cheese奶酪凌 随笔 基础整理 123阅读 2018-09-26 17:27:49 举报

资料

1.substring
2.substring常用的两种方法

前提

html页面中有一些字段是由于字数太多,然后分行显示;在书写html中,如果是固定字段,可以直接使用br来断行;但是很多时候,我们读取的是一长串的记录,并不能直接的判断我需要在第几行,第几个需要换行,所以,就需要用到substring()

案例

1.图片实例

substring

2.简单的html展示

简单的html展示
例如上图,我在第一个li中使用了br断行,是文字分成两行显示,其余li中根据css样式,只能用省略号表示(当字数长度大于li长度的时候),为了页面美观,在这样的情况下,我们需要完整的显示出li中的文字。

substring相关

1.语法:str.substring(indexStart[, indexEnd])
2.描述:
substring 提取从 indexStart 到 indexEnd(不包括)之间的字符。
特别地:
如果 indexStart 等于 indexEnd,substring 返回一个空字符串。
如果省略 indexEnd,substring 提取字符一直到字符串末尾。
如果任一参数小于 0 或为 NaN,则被当作 0。
如果任一参数大于 stringName.length,则被当作 stringName.length。
如果 indexStart 大于 indexEnd,则 substring 的执行效果就像两个参数调换了一样。

尝试

第一步:使用循环来了解各个li中的字符长度

得到:

lnum
由此可知,共有6个li,li中的字数分别是4,8,8,9,9,9

第二步:理清思路

知道了各个li里面的字数长度,我需要在第四个或者第五个字后面加上br,让他分行。所以现在的目标是:如何找到一串字符里面的第四个位置

使用substring()

1.string.substring(3):只有一个参数时,截取的是第三个(从0开始)后面的字符
1.string.substring(0,3):两个参数,中间用,隔开,截取的是前3个字符(从0开始数)
例如:
var anyString = "政务公开运维监测";
var aname = anyString.substring(4)
console.log(aname);//运维监测
var bname = anyString.substring(0,4)
console.log(bname);//政务公开

最后

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复