我能够逐行读取文件,但我不知道如何使用制表符分隔每行.这是我的代码.需要一些关于这个问题的帮助
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Sum of a Column in JavaScript</title>
    </head>

    <input type="file" name="file" id="file">

    <script type="text/javascript">

    document.getElementById('file').onchange = function(){

    var file = this.files[0];

    var reader = new FileReader();
    reader.onload = function(progressEvent){
    // Entire file
    console.log(this.result);

    // By lines
    var lines = this.result.split('\n');
    for(var line = 0; line < lines.length; line++){
        // By tabs
        var tabs = lines[line].split('\\t');
        for(var tab = 0; tab < tabs.length; tab++){    
                alert(tabs[tab]);
        }   
    }
  };
  reader.readAsText(file);
};

</script>

解决方法

我发现这很有用,并用js .map()函数替换了for …循环.另外,我将数据加载到数组中:
// By lines
    var arr1 = [];
    var arr2 = [];
    var arr3 = [];
    var arr4 = [];
    var arr5 = []; // assuming 5 tabs
    var lines = this.result.split('\n');
    lines.map(function(item){
      var tabs = item.split('\t');
      console.log("0",tabs[0],"1",tabs[1],"2",tabs[2],"3",tabs[3],"4",tabs[4],"5",tabs[5],"6",tabs[6]);
      arr1.push(tabs[0]);
      arr2.push(tabs[1]);
      arr3.push(tabs[2]);
      arr4.push(tabs[3]);
      arr5.push(tabs[4]);
    });
    // test two of the arrays after reading:
    for (var i = 0; i < mdarr.length; i++) {
      console.log(arr1[i],arr2[i]);
    };
  }
  reader.readAsText(file);
};

javascript – 读取制表符分隔文件,逐行比使用制表符分隔每行分割的更多相关文章

  1. AmazeUI中各种的导航式菜单与解决方法

    这篇文章主要介绍了AmazeUI中各种的导航式菜单与解决方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 《从零开始学Swift》学习笔记Day 59――代码排版

    代码排版内容比较多工作量很多,但是非常重要。空行空行将逻辑相关的代码段分隔开,以提高可读性。所有的二元运算符,应该使用空格将之与操作数分开。在Xcode中设置过程是打开菜单Xcode→Preferences,选择TextEditing标签,选中Show→Pageguideatcolumn。在Xcode中默认是一个制表符对应4个空格,我们可以在Xcode中打开菜单Xcode→Preferences,选择TextEditing→Indentation标签,可以在Tabwidth中进行设置。

  3. ActionBar / Tabs中的Android自定义主题

    我的主题是Holo.Light.DarkActionBar标签现在设置为白色背景,浅灰色文本–非常难以理解.我只想将文本更改为更深,更暗.我搜索了样式,看看我是否可以覆盖,但我能做的就是改变背景,而不是文本.我可以在styles.xml中执行此操作,还是必须以编程方式执行此操作?解决方法如果你指的是ActionBar的标签,看看是否会改变颜色:当然不要忘记将活动的主题设置为清单中的@style/T

  4. android – 如何在制表符/片段转换之间设置新的浮动操作按钮的动画?

    从新的DesignSupportLibrary,我想动画浮动操作按钮(FAB)缩小和扩展片段或选项卡更改.我尝试了几种过渡一段时间,但不能像this的例子那样顺利和连接,所以我认为有更好的方法或正确的方法来做到这一点.解决方法在ViewPager.OnPagechangelistener()中,我将使用btn.setScaleY()和btn.setScaleX(),具体取决于onPageScrol

  5. android – 在滑动抽屉项之间滑动后,TabLayout和ViewPager -Tabs不起作用

    TabLayout和ViewPager–在滑动抽屉项目之间滑动后,单击选项卡不起作用.我在有滑动抽屉和Tablayout的应用程序上工作.我参考了这个教程ForSlidingDrawer和ForTabLayout.内滑动抽屉>TaskList–>TabLayout>设置>订单我在SlidingDrawer和Tablayout之间有问题.第一次viewpager加载正确.但是当我移动到下一个抽屉项目之后,返回到TaskList选项卡片段viewpager无法加载任何片段,当滑动该寻呼机然后加载几个片段.这里

  6. android – 禁用TabLayout中的Tabs

    我在我的应用程序中使用了最新设计支持库中的TabLayout.选项卡附加到viewpager,后者为每个选项卡加载片段.我想禁用所有选项卡,直到viewpager为用户选择的选项卡加载片段.我无法禁用tablayout或使其无法点击.我曾经使用过setEnabled(false)和setClickable(false),但是它没有用.我可以通过使用setVisiblity(View.GONE)使其

  7. android – 在ActionBar中启用/禁用Tab

    可以在ActionBar中启用/禁用Tabs吗?使用TabHost这不是问题..我这样做:和所有工作..但如果我想在ActionBar中使用Tabs做同样的事情?在Tab类中不存在setEnable();我能怎么做??解决方法你可以使用ActionBar的removeTab方法:然后使用addTab将其重新放入,前提是您保存已移除的标签的位置:

  8. android – 是否可以以编程方式更改actionbar选项卡

    我如何以编程方式更改我的动作栏的所选标签指示?我已经阅读了大约tabstyling和Tab.setCustomView()方法,但这些都没有帮助:>使用选项卡样式,我可以更改指示器颜色,但它将保留所有选项卡.>使用选项卡自定义视图,我已经使用了带有TextView的选项卡标题的布局,以及用于管理指示器颜色的View.在java中,我动态地更改View的背景,但是问题在于View的背景与选项卡界限不匹配.有人可以告诉我我哪里错了吗?还有另一种做法吗?

  9. jQuery Easyui Tabs扩展根据自定义属性打开页签

    这篇文章主要介绍了jQuery Easyui Tabs扩展根据自定义属性打开页签的实现代码,首先增加扩展,接着点击事件open方法实现easyui tabs扩展,非常不错,需要的朋友可以参考下

  10. jQuery EasyUI 获取tabs的实例解析

    左边tree,右边tabs。点击tree增加相应的tabs。下面通过一段代码给大家解析,需要的朋友参考下吧

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部