文件名简化

最近发现某播放器文件列表文件名简化了:

一个字符串数组,去掉相同部分,只留下不同部分,更简洁。

JS 模拟

javascript 复制代码
<html>
<head>
<title>文件名简化</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title></title>
<style>
h1, td { text-align:center; }
table { margin:auto; border-collapse:collapse; }
th, td { border:1px solid black; padding:10px 50px; }
</style>
</head>
<body>
<h1>文件名简化</h1>
<table id="table">
</table>
<script>
var list = new Array();
for (i=1; i<=16; i++) {  
    var ep = i < 10 ? 'EP0' + i : 'EP' + i;
    var fn = 'Undercover.Miss.Hong.2026.' + ep + '.HD1080P.X264.ACC.Korean.CHS.mp4';
    list.push(fn);
}

var tr = document.createElement('tr');
var th = document.createElement('th');
th.textContent = '原文件名';
tr.appendChild(th);
th = document.createElement('th');
th.textContent = '简化文件名';
tr.appendChild(th);
table.appendChild(tr);

for (i=0; i<list.length; i++) {
    var array = list.at(i).split('.');
    var array1, fn;
    if (i < list.length - 1)
        array1 = list.at(i+1).split('.');
    else
        array1 = list.at(0).split('.');
    for (j=0; j<array.length; j++) {
        if (array[j] != array1[j]) {
            fn = array[j];
            break;
        }
    }  
    var tr = document.createElement('tr');
    var td = document.createElement('td');
    td.textContent = list.at(i);  
    tr.appendChild(td);
    table.appendChild(tr);
    td = document.createElement('td');
    td.textContent = fn;
    tr.appendChild(td);
    table.appendChild(tr);
}
</script>
</body>
</html>

效果

相关推荐
Ai-_Man2 小时前
我需要批量导出Poe左边栏所有对话,而不是一条具体的对话内容,你们AI导出鸭可以吗?
开发语言·前端·javascript·人工智能·小程序
u0111026752 小时前
Vue 页面离开后还在轮询?统一清理计时器、监听器与观察器
前端·javascript·vue.js
大猩猩X2 小时前
vue 表格组件 vxe-table 实现多行编辑,支持增删改查与校验
前端·javascript·vue.js·vxe-table
冒险的豆子4 小时前
Proxy & Vue 响应式(合并精简版,适合面试)
前端·javascript·vue.js
Java后端的Ai之路5 小时前
前端技术Vue-18-视图中的渲染
前端·javascript·vue.js
zttbee11 小时前
echarts图表tooltip色块失效
前端·javascript·echarts
虚无境14 小时前
如何用AI帮我写出实用的插件
前端·javascript·ai编程
zimoyin15 小时前
在 C# 里嵌入 JavaScript:用 Jint 做可热更新的自动化脚本(从入门到踩坑)
javascript·c#·自动化
FRing0315 小时前
JavaScript入门到精通二十六(变量提升、函数剩余参数、展开运算符、ES6箭头函数)
开发语言·前端·javascript·es6·箭头函数
OpsEye17 小时前
怎么实现大模型的按用户、按应用配额限流?
javascript·ai编程