一个将txt文件内容转换为想要的数组数据demo

最近看到了一个拼音猜成语小游戏，突发奇想试图将它改成猜单词的小游戏，小游戏没有后端所有数据都是来自前端，所以需要完整的词库，选取了考研英语词库，但是只在网上搜到了pdf版（是我没用），然后用在线工具转成了txt文件，变成了以下格式

一组英文一组中文这样，中英文行数对照

但是小游戏需要的数据结构是以下这样的（为了少改一点小游戏的代码）

所以自己写了一个demo来转换他们

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>JS获取TXT文件内容</title>
</head><body><input type='file' accept='text/plain' onchange='openFile(event)'><br><div id="output"></div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">var openFile = function (event) {var input = event.target;var reader = new FileReader();var arr = []reader.onload = function () {if (reader.result) {//显示文件内容const item =reader.result.split('\n\n')//用两个换行分割每一组数据console.log(item)for(let eni = 0;eni<item.length;eni++){console.log('eni',eni%2)//双数为英文if(eni%2==0){var i = arr.lengthconsole.log('ens',item[eni].split('\n'))item[eni].split('\n').forEach(en => {let obj = [[en], [en], ['1', '2', '3', '4'], [en]]arr.push(obj)})}else{//单数为中文       let zns = item[eni].split('\n')console.log('zns',zns)// zns.pop()zns.forEach(zn=>{console.log(zn)// 中文arr[i].push(zn) i++})}}$("#output").html(JSON.stringify(arr));// console.log(JSON.stringify(arr))}};reader.readAsText(input.files[0]);};
</script></html>

一键转换成功，很完美，需要注意的点是txt文件最后一行要换行，因为使用两个换行符分割，否则报错

小游戏已完成，下面是地址，用gitee pages部署

猜猜单词-考研版：猜猜单词

一个将txt文件内容转换为想要的数组数据demo相关推荐

php数据保存txt文件怎么打开方式_php - 利用保存在TXT文件（PHP）中的数组数据 - SO中文参考 - www.soinside.com...
我不确定您要在这里实现什么,但是您遇到的问题很少: 1)selectedColor 应为$ selectedColor 2)加载"数组". 您不能简单地加载文本并期望php猜测格式 ...
python怎么读取txt文件内容然后保存到excel-Python实现读取txt文件并转换为excel的方法示例...
本文实例讲述了Python实现读取txt文件并转换为excel的方法.分享给大家供大家参考,具体如下: 这里的txt文件内容格式为: 892天平天国定都在?A开封B南京C北京(B) Python代码如 ...
txt文件字符在计算机,（35）在C盘当前文件夹下有一个已经建立好的顺序文件Alph.txt,文件内容为只含有字母的一个字符去、...
(35)在C盘当前文件夹下有一个已经建立好的顺序文件Alph.txt,文件内容为只含有字母的一个字符去. (35)在C盘当前文件夹下有一个已经建立好的顺序文件Alph.txt,文件内容为只含有字母的一 ...
python读取txt文件并写入excel-Python实现读取txt文件并转换为excel的方法示例
本文实例讲述了Python实现读取txt文件并转换为excel的方法.分享给大家供大家参考,具体如下: 这里的txt文件内容格式为: 892天平天国定都在?A开封B南京C北京(B) Python代码如 ...
js读取服务器txt文件,ZK中使用JS读取客户端txt文件内容问题
最近写一个需求时遇到一个问题,用户需要通过点击一个按钮直接读取他自己电脑上D盘的一个txt文件内容显示到页面,因为项目现在是用ZK写的.我对于ZK也是刚刚了解不就,很多都还不是很熟.起初我是想用io流 ...
python读取整个txt文件-python怎么读取txt文件内容
读取文件: 步骤:打开 -- 读取 -- 关闭>>> f = open('/tmp/test.txt') >>> f.read() 'hello python! h ...
python怎么读取txt文件-python怎么读取txt文件内容
读取文件: 步骤:打开 -- 读取 -- 关闭>>> f = open('/tmp/test.txt') >>> f.read() 'hello python! h ...
Android 读取Txt文件内容
Android Studio的res文件夹是用来存储资源的,可以在res文件夹下建立一个raw文件夹,放置在raw文件夹下的内容会被原样打包,而不会被编译成二进制文件,并且可以通过R文件进行很方便地访 ...
php 写入txt换行_php 写入txt文件内容换行的方法
今天在利用 php 脚本写一个关于写入 txt 文件内容换行的逻辑时,发现其中的学问挺大的,下面就来详细的来说一下,有需要的就拿去吧.在不同的系统下,txt 文件的换行符是不一样的,比如: windo ...

一个将txt文件内容转换为想要的数组数据demo

一个将txt文件内容转换为想要的数组数据demo相关推荐

最新文章

热门文章