typescript how to use type guard for key-value
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
add a comment |
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
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
add a comment |
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
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
typescript
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
add a comment |
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
add a comment |
1 Answer
1
active
oldest
votes
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; }
add a comment |
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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; }
add a comment |
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; }
add a comment |
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; }
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; }
answered Nov 19 '18 at 10:11
Titian Cernicova-DragomirTitian Cernicova-Dragomir
65.1k34361
65.1k34361
add a comment |
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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