文件名简化

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

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

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>

效果

相关推荐
shmily麻瓜小菜鸡5 小时前
JS/TS 易踩坑知识点 — 模块化与工程化类
开发语言·javascript·ecmascript
默_笙7 小时前
🍕 AI 的嘴巴装了水管(上):从"等它说完"到"边说边听"的流式输出指南
前端·javascript
暖焰核心7 小时前
继承全解——继承、默认成员函数、切片、隐藏与虚继承
java·前端·javascript
艾伦野鸽ggg8 小时前
前端异步请求的状态竞争(请求竞态)问题
前端·javascript·axios
是立不是利8 小时前
前端交互基石:深入剖析JavaScript三级联动背后的设计哲学
开发语言·前端·javascript
老刘的望远镜8 小时前
AgentScope Java 从零(03):Agent 的记性默认全开,我在第 50 轮翻了车
java·开发语言·javascript
前端精髓9 小时前
React 更新 state 中的对象
javascript·react.js·ecmascript
可乐鸡翅yeah_9 小时前
hls.js 播放质量埋点实战,采集卡顿、起播、错误指标定位线上用户问题
开发语言·前端·javascript·ecmascript·音视频·m3u8·音视频在线播放
Bs_MoneyMagnet12 小时前
基于springboot+vue的宠物殡葬管理平台的设计与实现 源码+文档
java·javascript·vue.js·spring boot·后端·宠物
尾善爱看海12 小时前
Vue 面试进阶篇:Composition API、插槽、自定义指令……8 个章节 + 高频面试题全解析
前端·javascript·vue.js·面试·vue