zoukankan      html  css  js  c++  java
  • [Immutable.js] Using fromJS() to Convert Plain JavaScript Objects into Immutable Data

    Immutable.js offers the fromJS() method to build immutable structures from objects and array. Objects are converted into maps. Arrays are converted into lists. The fromJS() method can also take a reviver function for custom conversions.

     Object to Immutable Map:
     
    check by isMap():
        const plainJSObject = {
          title: "Go to grocery",
          text: "I need milk and eggs",
          completed: false,
          category: {title: "House Duties", priority: 10}
        };
        
        const immutableTodo = Immutable.fromJS(plainJSObject);
        
        expect(Immutable.Map.isMap(immutableTodo)).to.be.true

    We cat get value by getIn() method:

    expect(immtableTodo.getIn(["category", "title"])).to.equal("House Duties");

    Array to Immutable List:

    check by isList():

        const plainJSArray = [
          "Go to grocery",
          "Buy milk and eggs",
          "Help kids with homework",
          ["Buy Lemons", "Make Lemonade"]
        ];
        
        const immutableTodoList = Immutable.fromJS(plainJSArray);
        expect(Immutable.List.isList(immutableTodoList)).to.be.true;

    get value by getIn():

    expect(immutableTodoList.getIn([3, 1])).to.equal("Make Lemonade")

    Convert a plain array to Immutable Map:

        const plainJSArray = [
          "Go to grocery",
          "Buy milk and eggs",
          "Help kids with homework",
          ["Buy Lemons", "Make Lemonade"]
        ];
    
        const immutableTodoList = Immutable.formJS(plainJSArray, (key, value)=>{
    
             return value.toMap();
        });
    
    
        expect(immutableTodoList.getIn([3,1])).to.equal("Make Lemonade");
  • 相关阅读:
    SSM整合——实现书籍的增删改查
    [web]获取用户当前所在城市
    [mysql]pymysql插入500万数据
    [Flask] 01 ORM方法列表
    [少儿编程] 03-龟兔赛跑(下)
    [少儿编程] 02-龟兔赛跑(上)
    [少儿编程] 00-入门课程大纲
    [少儿编程] 01-少儿编程环境搭建
    [Linux] Centos7 部署django项目
    [Linux] centos7 安装Mariadb
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5205810.html
Copyright © 2011-2022 走看看