uniapp拆分字符串分为两段 ( 用于处理 - 文件名过长中间省略 )

最新推荐文章于 2026-06-17 21:36:35 发布
原创 最新推荐文章于 2026-06-17 21:36:35 发布 · 4.1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
该代码段展示了如何处理超过8个字符的字符串，将其拆分为两部分并存储到数组中。当字符串长度大于8时，第一部分包含从开始到倒数第8个字符，第二部分为最后8个字符；若长度小于等于8，则整个字符串作为唯一数组元素。 
export const ellipsisFileName = function(str) {
	const strLength = str.length
	let data = []
	if (strLength > 8) {
		data.push(str.substr(0, strLength - 8))
		data.push(str.substr(-8))
	} else {
		data.push(str)
	}
	return data
}

首先拿到字符串的长度 , 如果长度>8的话 , 把字符串分成两块 , 放到新数组中

标签
#vue.js #elementui #前端
使用一个字符串分割另一个字符串
12-25
/** * 使用一个字符串分割另一个字符串 * * @param delimiter 边界上的分隔字符 * @param haystack 输入的字符串 * @param out 输出的字符串指针 * @return 分割成了多少个成员 */ int explode(char *delimiter, char *haystack, char *out[]) { int num = 0; if (delimiter == NULL || haystack == NULL) { return num; } char *pstr = strtok(haystack, delimiter); while (pstr != NULL) { out[num++] = pstr; pstr = strtok(NULL, delimiter); } return num; }
字符串分割
07-25
用于分割字符串
uni-app学习笔记之字符串和数组的通用方法
紫微斗数象法奥义ZWDStudy
12-28 2267
字符串和数组的通用方法 str底层是以字符数组的形式保存数据的 var arr = "abcdefg".split("") var str = "abcdefg" //length //arr[i] //str[i] for (var i = 0; i < arr.length; i++) { console.log(arr[i] + "---" + str[i]); } //slice包前不包后 console.log
uniapp中split(“)和join(“)用法应用
m0_49714202的博客
04-09 5657
split()把字符串分割成数组 join()把数组放到字符串中 Original message: “{{ message }}” Computed reversed message: “{{ reversedMessage }}”
unia-app 编译到小程序双重循环截取字符串的问题
jyy5806的博客
10-12 2528
遇到一个使用uni-app 循环一个数组，然后数组某一个字段值需要根据逗号来继续分割，然后循环出来，就比如以下： 正常写法就是 这样就能实现，但是这是编译到微信会遇到问题，在微信里面不显示截取的字段，以及循环的值，后来想了一下方法 传参数到一个方法里面，然后再调用这个方法，循环出来 上代码： data 初始化 methods 方法： 然后再vue 中写入这个方法，传入参数 第二个循环前加...
通过咸虾米项目的开发经历，了解Uniapp项目整体开发过程（微信小程序名称：月色东升壁纸）
最新发布
qq_42449963的博客
06-17 347
本文记录了作者从Java后端开发者转型全栈开发的完整历程。一年前因前端知识欠缺而放弃的小程序项目，通过系统学习HTML/CSS/JavaScript、Vue框架后，选用Uniapp实现多端适配开发。文章详细分享了学习路径（B站咸虾米教程）、设计工具（即时设计）的使用技巧、微信小程序注册流程，以及如何基于若依框架自建SpringBoot后端服务。作者不仅重写了所有接口，还完成了数据库设计、前后端联调，并实践了小程序上线全流程（包括ICP备案）。整个过程涵盖了原型设计、开发环境配置、接口对接、项目部署等全栈开发
2026前端面试题！（附答案及解析）（2026.6月最新版）
热门推荐
weixin_43617604的博客
06-05 8万+
文章目录1.JSONP原理2. cookie、sessionStorage、localStorage的区别3.link和a标签区别4 vue中的跨域问题5 webpack面试题6 浏览器与服务器的交互原理7 什么是CSS盒模型 >>> -IE盒模型和W3C盒模型8 A解释一下闭包，B为什么要使用闭包？9 解释一下作用域链10 如何处理不让别人盗用你的图片，访问你的服务器资源？11 如何优化网站性能vue路由面试题1.对于MVVM的理解？2 Vue的生命周期1 什么是vue生命
大学cs学习路线（主要java后端，包含前端、产品经理）
2403_82497315的博客
06-16 1149
没必要太早学，我做项目的时候也没用到。
字符串中插入千位分隔符/整数千分位加逗号：
SunPeng的博客
06-01 1171
字符串中插入千位分隔符/整数千分位加逗号：
根据指定字符把字符串拆分为数组
leizhoubin的专栏
05-25 1204
 用split()方法 例：     New Document        function strToArray(str){     var arr=str.split(";");           for (i=0;i      document.write(arr[i]+"");         }      }            运行输出结果是abcde
comma-split:将逗号分隔的字符串拆分为一个数组
05-21
逗号分隔 将逗号分隔的字符串拆分为一个数组。 尾随和/或前导空格的可选处理。 安装 npm install --save comma-split 用法 var commaSplit = require ( 'comma-split' ) ; commaSplit ( 'some, string,\r\r\n\tdelimited\n,by, commas' ) ; // => ['some','string','delimited','by','commas'] commaSplit ( 'some, string,\r\r\n\tdelimited\n,by, commas' , { ignoreWhitespace : true } ) ; // => ['some',' string','\r\r\n\tdelimited\n','by',' commas'] commaSpli
字符串按照指定的字节数来截取
05-22
字符串按照指定的字节数来截取
截取指定长度的字符串
05-07
自己输入一个字符串，字符串中可以包括字符和汉字，截取指定的字符串
【uniapp 开发】字符串工具类 StringUtil
weixin_30667301的博客
08-08 1万+
替换字符串中的所有 “***” 子串 var str='Is this all there is'; var subStr=new RegExp('is','ig');//创建正则表达式对象,不区分大小写,全局查找 var result=str.replace(subStr,"");//把'is'替换为空字符串 console.log(result); //th all there ...
UniApp小程序-当有一串号码的时候，分开拨打
qq_57368535的博客
04-17 257
【代码】UniApp小程序-当有一串号码的时候，分开拨打。
uni-app框架 CSS 实现超过规定字符长度显示“...”
good god~的博客
06-05 7600
问题 刚才在做一个样式，消息内容超过一定长度就用“…"显示，但是在uni-app框架中使用出现了一点小问题 部分代码： <view class="bottom"> <text class="uni-lastmsg">{{item.lastMsg}}</text> </view> .bottom { display:flex; .uni-lastmsg { white-space:nowrap; overflow:hid
uniapp一秒钟去除字符串的最后一个字符
lplovewjm的博客
04-17 3203
uniapp|slice方法和·substring方法的使用
UNIAPP中高德地图获取当前所在位置省份、城市、区、详细地址。以及uniapp安卓打包时高德地图应用的详细配置过程，百度地图。
qq_14852047的博客
09-14 3053
UNIAPP中高德地图获取当前所在位置省份、城市、区、详细地址。以及uniapp安卓打包时高德地图应用的详细配置过程，百度地图。
vue uniapp 图片的处理 url 字符串中按 ； 分号分割的图片地址 取第一个返回
weixin_47981445的博客
03-25 1404
// 获取帖子详情 async onGetDetail() { let url = URLconstant.GET_FIND_DETAIL; let datakey = []; datakey['type'] = 1 datakey['id'] = this.postId; datakey['user_id'] = this.user_id; await new Promise(resFun => { Util.request(url,
uniapp在列表渲染中实现字符的截取和背景颜色的改变
m0_65069237的博客
10-17 695
我们发现，每一个字符串前两位字符都会在正方形盒子中出现，且这个盒子的颜色顺序和刚才使用的color数组中的顺序一致。substr方法，0表示从字符串下标0开始，2表示字符串下标2结束，不包括2，[0-2)所以是获取两个字符。在列表渲染中将对象中代表字符那一串属性写在template中，这里是name。所以获取的是response的下标index。默认样式为class=“boxhe”
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值