typescript how to use type guard for key-value











up vote
1
down vote

favorite












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
    yesterday















up vote
1
down vote

favorite












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
    yesterday













up vote
1
down vote

favorite









up vote
1
down vote

favorite











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 yesterday









s97712

156




156












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


















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
















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




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












1 Answer
1






active

oldest

votes

















up vote
1
down vote













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',
    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








    up vote
    1
    down vote













    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

























      up vote
      1
      down vote













      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























        up vote
        1
        down vote










        up vote
        1
        down vote









        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 yesterday









        Titian Cernicova-Dragomir

        51.9k33148




        51.9k33148






























             

            draft saved


            draft discarded



















































             


            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







            Popular posts from this blog

            Can a sorcerer learn a 5th-level spell early by creating spell slots using the Font of Magic feature?

            ts Property 'filter' does not exist on type '{}'

            mat-slide-toggle shouldn't change it's state when I click cancel in confirmation window