JavaScript TypedArray map()用法及代碼示例

JavaScript map() 方法形成一個新數組創建一個新的類型化數組，其結果是對該類型化數組中的每個元素調用提供的函數。

注意：map() 方法不會更改實際數組。

用法:

array.map(function(value, index, arr), thisValue)

參數：

Value(必填)：當前元素的值。

索引(可選)：當前元素的數組索引。

arr(可選)：調用了數組 map()。

ThisValue(可選)：要傳遞給函數以用作其 "this" 值的值。

返回值：

一個新數組。

瀏覽器支持：

Chrome	Yes
Safari	Yes
Firefox	1.5
Opera	Yes

例子1

JavaScript map() 方法

<script type="text/javascript">
// JavaScript to illustrate map() method
var input=[1,2,3];
var output=input.map(function(input)
{
return input*2;
});
document.write("Array after using map() method the output is" );
document.write("<br>");
document.write(output);
document.write("<br>");
document.write("Actual array still remain the same ");
document.write("<br>");
document.write(input);
// expected output:arr[Output:2,4,6]
</script>

輸出：

2,4,6

例子2

JavaScript map() 方法

<script type="text/javascript">
// JavaScript to illustrate map() method
var JavaTpoint = ['JavaTpoint','C','C++','RDBMS'];
//Determine the length of each name and save it in an array
var nameLengths =JavaTpoint.map(function(value, index, array)
{
var len =value.length;
return len;
});
document.write("Array using map() method the output is" );
console.log(nameLengths);
document.write(nameLengths);
document.write("<br>")
document.write("Actual array still remain the same ");
document.write(JavaTpoint);
// expected output:arr[Output:10,1,3,5]
</script>

輸出：

10,1,3,5

相關用法

注：本文由純淨天空篩選整理自 JavaScript TypedArray map() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。