blocks|key|2899347|text|利用toString()或toLocaleString()，例如：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2899348|var+page_number:number+=+3;
window.location.hash+=+page_number.toLocaleString();|code-block|syntax|javascript|2899349|2899350|如果page_number为null或undefined，则会抛出错误。如果您不想这样做，您可以选择适合您的情况的修复程序：|2899351|//+Fix+1:
window.location.hash+=+(page_number+%7C%7C+1).toLocaleString();

//+Fix+2a:
window.location.hash+=+!page_number+?+"1"+page_number.toLocaleString();

//+Fix+2b+(allows+page_number+to+be+zero):
window.location.hash+=+(page_number+!==+0+&&+!page_number)+?+"1"+page_number.toLocaleString();|2899352|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toString|1|https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString^0|2|A|D|G|2|A|0|D|G|1|0|0|0|2|B|E|4|J|9|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@$9|14|A|15|1|16]|$9|17|A|18|1|19]]|E|$]]|$1|F|3|G|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|1C|8|@$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|N|3|O|5|H|7|1J|8|@]|D|@]|E|$I|J]]|$1|P|3|-4|5|6|7|1K|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]|X|$5|S|T|U|E|$V|Y]]]]

Utilize <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toString" rel="nofollow noreferrer"><code>toString()</code></a> or <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString" rel="nofollow noreferrer"><code>toLocaleString()</code></a>, for example:
<pre><code>var page_number:number = 3;
window.location.hash = page_number.toLocaleString();
</code></pre>
<hr />
These throw an error if <code>page_number</code> is <code>null</code> or <code>undefined</code>. If you don't want that you can choose the fix appropriate for your situation:
<pre><code>// Fix 1:
window.location.hash = (page_number || 1).toLocaleString();

// Fix 2a:
window.location.hash = !page_number ? &quot;1&quot; page_number.toLocaleString();

// Fix 2b (allows page_number to be zero):
window.location.hash = (page_number !== 0 &amp;&amp; !page_number) ? &quot;1&quot; page_number.toLocaleString();
</code></pre>

blocks|key|129210|text|“强制转换”不同于转换。在这种情况下，window.location.hash会自动将数字转换为字符串。但是为了避免TypeScript编译错误，您可以自己进行字符串转换：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|129211|window.location.hash+=+""%2Bpage_number;+
window.location.hash+=+String(page_number);+|code-block|syntax|javascript|129212|如果您不希望在page_number为null或undefined时抛出错误，则这些转换是理想的。而page_number.toString()和page_number.toLocaleString()将在page_number为null或undefined时抛出。|129213|当您只需要转换，而不是转换时，下面是在TypeScript中转换为字符串的方法：|129214|window.location.hash+=+<string>page_number;+
//+or+
window.location.hash+=+page_number+as+string;|129215|<string>或as+string强制转换注释告诉TypeScript编译器在编译时将page_number视为字符串；它不会在运行时进行转换。|129216|然而，编译器会抱怨你不能给一个字符串赋值。您必须首先转换为<any>，然后转换为<string>|129217|window.location.hash+=+<string><any>page_number;
//+or
window.location.hash+=+page_number+as+any+as+string;|129218|因此，只进行转换更容易，它在运行时和编译时处理类型：|129219|window.location.hash+=+String(page_number);+|129220|(感谢@RuslanPolutsygan捕获了字符串编号转换问题。)|129221|entityMap^0|J|K|0|0|7|B|J|4|O|9|1E|M|21|S|2V|B|37|4|3C|9|0|0|0|0|8|9|9|18|B|0|T|5|14|8|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|18|8|@$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]|$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]|$9|1J|A|1K|B|C]|$9|1L|A|1M|B|C]|$9|1N|A|1O|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1P|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|1Q|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|1R|8|@$9|1S|A|1T|B|C]|$9|1U|A|1V|B|C]|$9|1W|A|1X|B|C]]|D|@]|E|$]]|$1|S|3|T|5|6|7|1Y|8|@$9|1Z|A|20|B|C]|$9|21|A|22|B|C]]|D|@]|E|$]]|$1|U|3|V|5|H|7|23|8|@]|D|@]|E|$I|J]]|$1|W|3|X|5|6|7|24|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|H|7|25|8|@]|D|@]|E|$I|J]]|$1|10|3|11|5|6|7|26|8|@]|D|@]|E|$]]|$1|12|3|-4|5|6|7|27|8|@]|D|@]|E|$]]]|13|$]]

"Casting" is different than conversion. In this case, <code>window.location.hash</code> will auto-convert a number to a string. But to avoid a TypeScript compile error, you can do the string conversion yourself:

<pre><code>window.location.hash = ""+page_number; 
window.location.hash = String(page_number); 
</code></pre>

These conversions are ideal if you don't want an error to be thrown when <code>page_number</code> is <code>null</code> or <code>undefined</code>. Whereas <code>page_number.toString()</code> and <code>page_number.toLocaleString()</code> will throw when <code>page_number</code> is <code>null</code> or <code>undefined</code>.

When you only need to cast, not convert, this is how to cast to a string in TypeScript:

<pre><code>window.location.hash = &lt;string&gt;page_number; 
// or 
window.location.hash = page_number as string;
</code></pre>

The <code>&lt;string&gt;</code> or <code>as string</code> cast annotations tell the TypeScript compiler to treat <code>page_number</code> as a string at compile time; it doesn't convert at run time. 

However, the compiler will complain that you can't assign a number to a string. You would have to first cast to <code>&lt;any&gt;</code>, then to <code>&lt;string&gt;</code>:

<pre><code>window.location.hash = &lt;string&gt;&lt;any&gt;page_number;
// or
window.location.hash = page_number as any as string;
</code></pre>

So it's easier to just convert, which handles the type at run time and compile time:

<pre><code>window.location.hash = String(page_number); 
</code></pre>

(Thanks to @RuslanPolutsygan for catching the string-number casting issue.)

blocks|key|2687115|text|window.location.hash是一个string，所以要这样做：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2687116|var+page_number:+number+=+3;
window.location.hash+=+String(page_number);+|code-block|syntax|javascript|2687117|entityMap^0|N|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

window.location.hash is a <code>string</code>, so do this:
<pre><code>var page_number: number = 3;
window.location.hash = String(page_number); 
</code></pre>

blocks|key|2687119|text|在typescript中也可以使用以下语法。注意反引号“`”|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2687120|window.location.hash+=+`${page_number}`|code-block|syntax|javascript|2687121|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

One can also use the following syntax in typescript. Note the backtick " ` "

<pre><code>window.location.hash = `${page_number}`
</code></pre>

blocks|key|126262|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|126263|常量page_number+=+3；|blockquote|126264|126265|window.location.hash+=+page_number+as+string；//错误|126266|126267|“将类型'+number‘转换为类型'+string’可能是错误的，因为这两种类型都不会与另一种类型充分重叠。如果这是故意的，请先将表达式转换为'unknown‘。”->如果您尝试将number类型转换为string，则会出现此错误。因此，首先将其转换为未知，然后将其转换为字符串。|126268|126269|+window.location.hash+=+(page_number+as+unknown)+as+string；//正确的方式|126270|126271|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|-4|4|5|6|P|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|Q|7|@]|8|@]|9|$]]|$1|D|3|-4|4|5|6|R|7|@]|8|@]|9|$]]|$1|E|3|F|4|5|6|S|7|@]|8|@]|9|$]]|$1|G|3|-4|4|5|6|T|7|@]|8|@]|9|$]]|$1|H|3|I|4|5|6|U|7|@]|8|@]|9|$]]|$1|J|3|-4|4|5|6|V|7|@]|8|@]|9|$]]|$1|K|3|L|4|C|6|W|7|@]|8|@]|9|$]]|$1|M|3|-4|4|5|6|X|7|@]|8|@]|9|$]]|$1|N|3|-4|4|5|6|Y|7|@]|8|@]|9|$]]]|O|$]]

<blockquote>
const page_number = 3;
window.location.hash = page_number as string; // Error
</blockquote>
&quot;Conversion of type 'number' to type 'string' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.&quot; -&gt; You will get this error if you try to typecast number to string. So, first convert it to unknown and then to string.
<blockquote>
window.location.hash = (page_number as unknown) as string; // Correct way
</blockquote>

blocks|key|128699|text|这是几条捷径|type|unstyled|depth|inlineStyleRanges|entityRanges|data|128700|any_type+=+""+%2B+any_type;+
any_type+=+String(any_type);+
any_type+=+`${any_type}`;|code-block|syntax|javascript|128701|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is some short ways
<pre><code>any_type = &quot;&quot; + any_type; 
any_type = String(any_type); 
any_type = `${any_type}`;
</code></pre>

Which is the the best way (if there is one) to cast from number to string in Typescript?

<pre><code>var page_number:number = 3;
window.location.hash = page_number; 
</code></pre>

In this case the compiler throws the error:

<blockquote>
 Type 'number' is not assignable to type 'string'
</blockquote>

Because <code>location.hash</code> is a string.

<pre><code>window.location.hash = ""+page_number; //casting using "" literal
window.location.hash = String(number); //casting creating using the String() function
</code></pre>

So which method is better?

Casting a number to a string in TypeScript

TypeScript

编译器

在Typescript中从数字转换为字符串的最佳方法(如果有)是什么？var page_number:number = 3;window.location.hash = page_number; 在这种情况下，编译器抛出错误：类型“number”不能赋值给类型“string”因为location.hash是一个字符串。...

问在TypeScript中将数字转换为字符串
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在TypeScript中将数字转换为字符串EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在TypeScript中将数字转换为字符串
EN