typescript how to use type guard for key-value












1















type Dircory<T> {
[key:string]: T
}

function colname(columns:Array<string> | string| Dictory<string>, name){
if(Array.isArray(columns){
return columns.map(column=>table_name + "." + columns);
}else if(typeof columns == "string"){
return table_name + "." + columns;
}else if(typeof columns == "object"){
return columns as Dictory<string>
}
}


That's my code, but the return type of colname always Dictory<string> whatever pass any type, how should I correctly use type guard for key-value










share|improve this question























  • Could you provide the specific values you are passing and where the actual result differs from your expected result?

    – Sefe
    Nov 19 '18 at 10:09
















1















type Dircory<T> {
[key:string]: T
}

function colname(columns:Array<string> | string| Dictory<string>, name){
if(Array.isArray(columns){
return columns.map(column=>table_name + "." + columns);
}else if(typeof columns == "string"){
return table_name + "." + columns;
}else if(typeof columns == "object"){
return columns as Dictory<string>
}
}


That's my code, but the return type of colname always Dictory<string> whatever pass any type, how should I correctly use type guard for key-value










share|improve this question























  • Could you provide the specific values you are passing and where the actual result differs from your expected result?

    – Sefe
    Nov 19 '18 at 10:09














1












1








1








type Dircory<T> {
[key:string]: T
}

function colname(columns:Array<string> | string| Dictory<string>, name){
if(Array.isArray(columns){
return columns.map(column=>table_name + "." + columns);
}else if(typeof columns == "string"){
return table_name + "." + columns;
}else if(typeof columns == "object"){
return columns as Dictory<string>
}
}


That's my code, but the return type of colname always Dictory<string> whatever pass any type, how should I correctly use type guard for key-value










share|improve this question














type Dircory<T> {
[key:string]: T
}

function colname(columns:Array<string> | string| Dictory<string>, name){
if(Array.isArray(columns){
return columns.map(column=>table_name + "." + columns);
}else if(typeof columns == "string"){
return table_name + "." + columns;
}else if(typeof columns == "object"){
return columns as Dictory<string>
}
}


That's my code, but the return type of colname always Dictory<string> whatever pass any type, how should I correctly use type guard for key-value







typescript






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 19 '18 at 10:02









s97712s97712

256




256













  • Could you provide the specific values you are passing and where the actual result differs from your expected result?

    – Sefe
    Nov 19 '18 at 10:09



















  • Could you provide the specific values you are passing and where the actual result differs from your expected result?

    – Sefe
    Nov 19 '18 at 10:09

















Could you provide the specific values you are passing and where the actual result differs from your expected result?

– Sefe
Nov 19 '18 at 10:09





Could you provide the specific values you are passing and where the actual result differs from your expected result?

– Sefe
Nov 19 '18 at 10:09












1 Answer
1






active

oldest

votes


















1














The problem is not with the type guard. If you want the function to return a value of the same type you will either need to have multiple overloads, or a type parameter that captures the actual type of the parameter and return the same type parameter:



type Dircory<T> = {
[key: string]: T
}

let table_name;
function colname<T extends Array<string> | string | Dircory<string>>(columns: T, name: string) :T
function colname(columns: Array<string> | string | Dircory<string>, name) {
if (Array.isArray(columns)) {
return columns.map(column => table_name + "." + columns);
} else if (typeof columns == "string") {
return table_name + "." + columns;
} else if (typeof columns == "object") {
return columns as Dircory<string>
}
}

let a = colname("A", ""); // string, actually the string literal type "A", but will work with strnig vars too
let arr = colname(["A"], ""); // string
let d = colname({a: "A"}, ""); // { a: string; }





share|improve this answer























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53372216%2ftypescript-how-to-use-type-guard-for-key-value%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    1














    The problem is not with the type guard. If you want the function to return a value of the same type you will either need to have multiple overloads, or a type parameter that captures the actual type of the parameter and return the same type parameter:



    type Dircory<T> = {
    [key: string]: T
    }

    let table_name;
    function colname<T extends Array<string> | string | Dircory<string>>(columns: T, name: string) :T
    function colname(columns: Array<string> | string | Dircory<string>, name) {
    if (Array.isArray(columns)) {
    return columns.map(column => table_name + "." + columns);
    } else if (typeof columns == "string") {
    return table_name + "." + columns;
    } else if (typeof columns == "object") {
    return columns as Dircory<string>
    }
    }

    let a = colname("A", ""); // string, actually the string literal type "A", but will work with strnig vars too
    let arr = colname(["A"], ""); // string
    let d = colname({a: "A"}, ""); // { a: string; }





    share|improve this answer




























      1














      The problem is not with the type guard. If you want the function to return a value of the same type you will either need to have multiple overloads, or a type parameter that captures the actual type of the parameter and return the same type parameter:



      type Dircory<T> = {
      [key: string]: T
      }

      let table_name;
      function colname<T extends Array<string> | string | Dircory<string>>(columns: T, name: string) :T
      function colname(columns: Array<string> | string | Dircory<string>, name) {
      if (Array.isArray(columns)) {
      return columns.map(column => table_name + "." + columns);
      } else if (typeof columns == "string") {
      return table_name + "." + columns;
      } else if (typeof columns == "object") {
      return columns as Dircory<string>
      }
      }

      let a = colname("A", ""); // string, actually the string literal type "A", but will work with strnig vars too
      let arr = colname(["A"], ""); // string
      let d = colname({a: "A"}, ""); // { a: string; }





      share|improve this answer


























        1












        1








        1







        The problem is not with the type guard. If you want the function to return a value of the same type you will either need to have multiple overloads, or a type parameter that captures the actual type of the parameter and return the same type parameter:



        type Dircory<T> = {
        [key: string]: T
        }

        let table_name;
        function colname<T extends Array<string> | string | Dircory<string>>(columns: T, name: string) :T
        function colname(columns: Array<string> | string | Dircory<string>, name) {
        if (Array.isArray(columns)) {
        return columns.map(column => table_name + "." + columns);
        } else if (typeof columns == "string") {
        return table_name + "." + columns;
        } else if (typeof columns == "object") {
        return columns as Dircory<string>
        }
        }

        let a = colname("A", ""); // string, actually the string literal type "A", but will work with strnig vars too
        let arr = colname(["A"], ""); // string
        let d = colname({a: "A"}, ""); // { a: string; }





        share|improve this answer













        The problem is not with the type guard. If you want the function to return a value of the same type you will either need to have multiple overloads, or a type parameter that captures the actual type of the parameter and return the same type parameter:



        type Dircory<T> = {
        [key: string]: T
        }

        let table_name;
        function colname<T extends Array<string> | string | Dircory<string>>(columns: T, name: string) :T
        function colname(columns: Array<string> | string | Dircory<string>, name) {
        if (Array.isArray(columns)) {
        return columns.map(column => table_name + "." + columns);
        } else if (typeof columns == "string") {
        return table_name + "." + columns;
        } else if (typeof columns == "object") {
        return columns as Dircory<string>
        }
        }

        let a = colname("A", ""); // string, actually the string literal type "A", but will work with strnig vars too
        let arr = colname(["A"], ""); // string
        let d = colname({a: "A"}, ""); // { a: string; }






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 19 '18 at 10:11









        Titian Cernicova-DragomirTitian Cernicova-Dragomir

        65.1k34361




        65.1k34361
































            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53372216%2ftypescript-how-to-use-type-guard-for-key-value%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            這個網誌中的熱門文章

            Tangent Lines Diagram Along Smooth Curve

            Yusuf al-Mu'taman ibn Hud

            Zucchini