文件名简化

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

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

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>

效果

相关推荐
胡萝卜术1 小时前
在浏览器中跑 DeepSeek-R1:WebGPU 推理全流程深度解析
前端·javascript·面试
xiaominlaopodaren1 小时前
three.js地图数学基础(六):齐次坐标与矩阵
javascript·gis·three.js
AI砖家1 小时前
React Native 开发规范与完整流程指南
javascript·react native·react.js
小林ixn2 小时前
全栈项目实战:前端独立开发,不再傻等后端接口
前端·javascript·react.js
Asize2 小时前
前端接口工程:axios + mock,前端不再傻等后端
前端·javascript
张元清2 小时前
React useElementSize Hook:用 ResizeObserver 实时追踪元素宽高 (2026)
javascript·react.js
渣波2 小时前
React 性能优化与状态管理双雄:useMemo 与 useReducer 深度解析
前端·javascript
渣波2 小时前
告别 LLM 幻觉:用 Harness 工程化思维打造生产级 AI 应用
前端·javascript
cyadyx2 小时前
【vue】Pinia相对Vuex
前端·javascript·vue.js
IMPYLH3 小时前
HTML 的 <figure> 元素
前端·javascript·html