JavaScript 数据处理 - 映射表篇 - 边城客栈

相关文章推荐

爱喝酒的楼房 · Apache Commons ...· 2 天前 ·

失落的饼干 · 广州公交司机与乘客共扶摔倒老人 - ...· 2 月前 ·

玩手机的啄木鸟 · 中华人民共和国驻埃尔比勒总领事馆· 3 月前 ·

鼻子大的人字拖 · 就地过年暖在身边|今年春节“云团圆”· 7 月前 ·

失恋的回锅肉 · 机械读研有必要吗？ - 知乎· 7 月前 ·

腼腆的滑板 · 路明非- 萌娘百科万物皆可萌的百科全书· 1 年前 ·

const a = { k1: undefined };
console.log(a["k1"] !== undefined);  // false
console.log("k1" in a);              // true
console.log(a["k2"] !== undefined);  // false
console.log("k2" in a);              // false

const a = { k1: "v1", k2: "v2", k3: "v3" };
a["k1"] = undefined;
delete a["k2"];
console.dir(a); // { k1: undefined, k3: 'v3' }

const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj));
// [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]

const obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj));      // [ 'a', 'b', 'c' ]
console.log(Object.values(obj));    // [ 1, 2, 3 ]

const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
    console.log(`${key} = ${obj[key]}`);   // 拿到 key 之后通过 obj[key] 来取值
// a = 1
// b = 2
// c = 3

Object.entries(obj)
    .forEach(([key, value]) => console.log(`${key} = ${value}`));

const items = [
    { name: "size", value: "XL" },
    { name: "color", value: "中国蓝" },
    { name: "material", value: "涤纶" }
function toObject(specs) {
    return specs.reduce((obj, spec) => {
        obj[spec.name] = spec.value;
        return obj;
    }, {});
console.log(toObject(items));
// { size: 'XL', color: '中国蓝', material: '涤纶' }

function toObject(specs) {
    return Object.fromEntries(
        specs.map(({ name, value }) => [name, value])
}

[
 { "id": 1, "parentId": 0, "label": "第 1 章" },
 { "id": 2, "parentId": 1, "label": "第 1.1 节" },
 { "id": 3, "parentId": 2, "label": "第 1.2 节" },
 { "id": 4, "parentId": 0, "label": "第 2 章" },
 { "id": 5, "parentId": 4, "label": "第 2.1 节" },
 { "id": 6, "parentId": 4, "label": "第 2.2 节" },
 { "id": 7, "parentId": 5, "label": "第 2.1.1 点" },
 { "id": 8, "parentId": 5, "label": "第 2.1.2 点" }
]

const nodeMap = Object.fromEntries(
    nodes.map(node => [node.id, node])
);

const options = { _t1: 1, _t2: 2, _t3: 3, name: "James", title: "Programmer" };
const newOptions = Object.fromEntries(
    Object.entries(options).filter(([key]) => !key.startsWith("_"))
// { name: 'James', title: 'Programmer' }

async function asyncDoIt(options) {
    const success = options.success;
    const fail = options.fail;
    delete options.success;
    delete options.fail;
    try {
        const result = await callNewProcess(options);
        success?.(result);
    } catch (e) {
        fail?.(e);
}

const { success, fail } = options;

const { success, fail, ...opts } = options;

async function asyncDoIt({ success, fail, ...options } = {}) {
    // TODO try { ... } catch (e) { ... }
}

const defaultOptions = {
    a: 1, b: 2, c: 3, d: 4
function doSomthing(options) {
    options = Object.assign({}, defaultOptions, options);
    // TODO 使用 options
}

const defaultOptions = Object.freeze({
//                     ^^^^^^^^^^^^^^
    a: 1, b: 2, c: 3, d: 4
});

options = { ...defaultOptions, ...options };

function fetchSomething(url, options) {
    options = {
        ...defaultOptions,
        ...options,
        url,        // 键和变量同名时可以简写

JavaScript 数据处理 - 映射表篇

一、CRUD

注

二、映射表中的列表

三、遍历映射表

四、从列表到映射表

五、一个小小的应用案例

提出问题：

六、映射表的拆分

提出问题：

七、合并映射表

提出问题