Array.prototype.map()方法与parseInt()方法的结合使用的深入反思:基础很重要
1. 写出下面代码的执行结果:
var arr = ["1", "2", "3"].map(parseInt);
console.log(arr);
console print:
Active code page: 65001
ERROR: The process "node.exe" not found.
[ 1, NaN, NaN ]
[Finished in 0.6s]
Array.prototype.map()
The map()
method creates a new array with the results of calling a provided function on every element in the calling array.
map()方法创建一个新数组,其结果是在调用数组中的每个元素上调用提供的函数
JavaScript Demo: Array.map()
var array1 = [1, 4, 9, 16];
// pass a function to map
const map1 = array1.map(x => x * 2);
console.log(map1);
// expected output: Array [2, 8, 18, 32]
Syntax
var new_array = arr.map(function callback(currentValue[, index[, array]]) {
// Return element for new_array
}[, thisArg])
Parameters
- callback
Function that produces an element of the new Array, taking three arguments:- currentValue:
The currents element being processed in the array. - index/ Optional
The index of the current element being processed in the array. - array/ Optional
The array map was called upon.
- currentValue:
- thisArg/ Optional
Value to use as this when executing callback.
Return value
- A new array with each element being the result of the callback function.
Description
map
calls a provided callback
function once for each element in an array, in order, and constructs a new array from the results. callback
is invoked only for indexes of the array which have assigned values, including undefined. It is not called for missing elements of the array (that is, indexes that have never been set, which have been deleted or which have never been assigned a value).
callback
is invoked with three arguments: the value of the element, the index of the element, and the Array object being traversed.
If a thisArg
parameter is provided to map
, it will be used as callback's this
value. Otherwise, the value undefined
will be used as its this
value. The this
value ultimately observable by callback
is determined according to the usual rules for determining the this
seen by a function.
map
does not mutate the array on which it is called (although callback
, if invoked, may do so).
The range of elements processed by map
is set before the first invocation of callback
. Elements which are appended to the array after the call to map
begins will not be visited by callback
. If existing elements of the array are changed, their value as passed to callback
will be the value at the time map
visits them. Elements that are deleted after the call to map
begins and before being visited are not visited.
Due to the algorithm defined in the specification if the array which map was called upon is sparse, resulting array will also be sparse keeping same indices blank.
parseInt()
The parseInt() function parses a string argument and returns an integer of the specified radix (the base in mathematical numeral systems).
JavaScript Demo: parseInt()
function roughScale(x, base) {
var parsed = parseInt(x, base);
if (isNaN(parsed)) { return 0 }
return parsed * 100;
}
console.log(roughScale(' 0xF', 16));
// expected output: 1500
console.log(roughScale('321', 2));
// expected output: 0
Syntax
parseInt(string, radix);
Patameters
- string
The value to parse. If the string argument is not a string, then it is converted to a string(using the ToString abstract operation). Leading whitespace in the string argument is ignored. - radix
An integer between 2 and 36 that represents the radix (the base in mathematical numeral systems) of the above mentioned string.
Return value
An integer number parsed from the given string. If the first character cannot be converted to a number, NaN is returned.
Description
The parseInt
function converts its first argument to a string, parses it, and returns an integer or NaN
. If not NaN
, the returned value will be the integer that is the first argument taken as a number in the specified radix (base). For example, a radix of 10 indicates to convert from a decimal number, 8 octal, 16 hexadecimal, and so on. For radices above 10
, the letters of the alphabet indicate numerals greater than 9
. For example, for hexadecimal numbers (base 16), A
through F
are used.
If parseInt
encounters a character that is not a numeral in the specified radix, it ignores it and all succeeding characters and returns the integer value parsed up to that point. parseInt
truncates numbers to integer values. Leading and trailing spaces are allowed.
Because some numbers include the e
character in their string representation (e.g. 6.022e23
), using parseInt
to truncate numeric values will produce unexpected results when used on very large or very small numbers. parseInt
should not be used as a substitute for Math.floor()
.
If radix is undefined
or 0 (or absent), JavaScript assumes the following:
- If the input
string
begins with "0x" or "0X", radix is 16 (hexadecimal) and the remainder of the string is parsed. - If the input
string
begins with "0", radix is eight (octal) or 10 (decimal). Exactly which radix is chosen is implementation-dependent. ECMAScript 5 specifies that 10 (decimal) is used, but not all browsers support this yet. For this reason always specify a radix when usingparseInt
. - If the input
string
begins with any other value, the radix is 10 (decimal).
If the first character cannot be converted to a number, parseInt
returns NaN
.
For arithmetic purposes, the NaN
value is not a number in any radix. You can call the isNaN
function to determine if the result of parseInt
is NaN
. If NaN
is passed on to arithmetic operations, the operation results will also be NaN
.
To convert number to its string literal in a particular radix use intValue.toString(radix)
.