JavaScript 数据操作工具包

源码:

https://github.com/wm123450405/linqjs
https://gitee.com/wm123450405/linqjs (国内)

简介:

对 JavaScript 中原生数组、对象进行扩展, 提供了一些对数据的操作方法.

包括对数组结构、树形结构、对象结构等数据进行查询,排序,连接,合并,分组,分段,转换,遍历等一系列功能.

可以用精炼和易懂的代码实现比较复杂的操作

案例:

案例 1

let array = [ 'zhao', 'qian', 'sun', 'li', 'zhou', 'wu', 'zheng', 'wang' ]
//将上述数组按照字母长度进行排序, 字母长度一致的按照字母顺序倒序排序
console.log(array.asEnumerable().orderBy(str => str.length).thenByDescending().toArray());
//结果为
//wu,li,sun,zhou,zhao,wang,qian,zheng

案例 2

//一些人
let magnus = { name: "Hedlund, Magnus" }, 
    terry = { name: "Adams, Terry" }, 
    charlotte = { name: "Weiss, Charlotte" };
//一些宠物
let barley = { name: "Barley", owner: "Adams, Terry" }, 
    boots = { name: "Boots", owner: "Adams, Terry" }, 
    whiskers = { name: "Whiskers", owner: "Weiss, Charlotte" }, 
    daisy = { name: "Daisy", owner: "Hedlund, Magnus" };
//一个包含所有 人 的数组
let people = [ magnus, terry, charlotte ];
//一个包含所有 宠物 的数组
let pets = [ barley, boots, whiskers, daisy ];

//这是一个一对多关系的两个数组
//需要显示出来所有的 人-宠物 的关系信息
//传统做法是
for (let p of people) {
    for (let pet of pets) {
        if (pet.owner === p.name) {
             console.log(`${ p.name } - ${ pet.name }`);
        }
    }
}

//使用我的工具是
//思想类似数据库查询(如下语句), 连接两个数组(表), 条件为 person 的 name 与 pet 的 owner 相等
//select person.name, pet.name from `people` as person join `pets` as pet on person.name = pet.owner
people.asEnumerable()
    .join(pets, (person, pet) =>`${ person.name} - ${ pet.name}`, 
        person => person.name, 
        pet => pet.owner)
    .forEach(res => console.log(res));

案例 3

//这是一个树形结构
let tree = {
    value: 'a',
    children: [
        {
            value: 'b',  //此节点为 节点 c 与 节点 f 的最小公共祖先
            children: [
                { value: 'c' },
                {
                    value: 'd',
                    children: [
                        { value: 'e' },
                        { value: 'f' },
                        { value: 'g' },
                    ]
                }
            ]
        },
        { value: 'h', }
    ]
};

//获取一个树形的中多个节点的最小公共祖先
let root = tree.asEnumerable(node => node.children, node => node.value);
console.log(root.lowestAncestor('c', 'f')); //结果是 b

更多用法及案例希望大家进入文档查看 http://wm123450405.oschina.io/linqjs/#/zh-cn

望大家多多关注并给于意见和指导谢谢

wm123450405

2018-03-29 15:54:33 +08:00

一开始,在 ES5 的时代,我觉得 js 对数组的操作实在太繁琐了. 可能正是这种繁琐才有了像 underscore 这样优秀的 js 库的出现.

我本不是做前端出身的,我觉得其他语言对于数组或列表的操作要比 js 好用很多,提供了大量的方法和功能. 于是最早参考的 C#中的功能实现了一些方法.

后来,ES6 发布并普及开来,js 原生数组也增加了很多好用的功能,但是这还远远不够.

于是我又翻出了我的代码用 ES6 重写.这一次我又借鉴了另外一些语言中的部分特性,比如 php.我想我后面可能再会添加一些其他语言类似的功能,比如 Java 等.

后来我在 stackoverflow 中看到很多人对于树形结构的操作提了很多的问题,我像我的工具包应该要可以为他们提供帮助.于是在最新的几个版本中我加入了对树形结构的一些操作.

我想现在这个工具包应该算比较稳定了. 所以我发上来希望和大家交流交流. 也希望能学到更多的东西.

wm123450405

2018-03-29 20:45:03 +08:00

@per 感谢你提供的信息. 我想我在编写这个库的时候并没有考虑这一层面的性能问题.
首先你分享的文章我不是特别的明白我理解的大概含义一般的 js 引擎会对已有的对象的属性查找进行优化会将属性按照某种顺序排列在内存中并生成一个身份(shape 或 structure ID) 如果修改 prototype 的话会打乱这种顺序导致原本可以快速查找属性的功能失效造成性能损失
就你一共提出的问题我想:
如果说因为原型链比较深导致其查找 property 比较慢的话我想这个应该不容易避免因为原型链的深度是受类型的继承关系的影响
如果是因为修改 prototype 导致 js 引擎在做优化时不能达到最佳性能的话我目前也没有更好的解决办法