如何通过函数参数传递数组- javascript
在JavaScript中，通过函数参数传递数组主要有两种方式：值传递和引用传递。这里主要讨论引用传递，因为数组是引用类型。
基础概念
- 值传递：传递的是变量的副本，对副本的修改不会影响原变量。
- 引用传递：传递的是变量的引用（内存地址），对引用的修改会影响原变量。
相关优势
- 引用传递的优势在于可以高效地传递大型数据结构，因为只需要传递内存地址，而不是整个数据结构。
- 可以直接在函数内部修改原数组，而不需要返回新的数组。
类型
JavaScript中的数组是一种特殊的对象，因此传递数组时实际上是传递了数组对象的引用。
应用场景
当你需要在函数内部修改数组，并且希望这些修改反映到原数组上时，应该使用引用传递。
示例代码
function modifyArray(arr) {
arr.push(4); // 修改数组
}
let myArray = [1, 2, 3];
console.log("Before:", myArray); // 输出: Before: [1, 2, 3]
modifyArray(myArray);
console.log("After:", myArray); // 输出: After: [1, 2, 3, 4]遇到的问题及解决方法
问题：为什么在函数内部修改数组，原数组也会被修改？
原因：因为JavaScript中的数组是引用类型，传递给函数的是数组的引用（内存地址），所以在函数内部对数组的修改会影响到原数组。
解决方法：如果你不希望函数内部的修改影响到原数组，可以在函数内部创建一个新的数组副本，然后修改这个副本。
function modifyArrayWithoutChangingOriginal(arr) {
let newArr = arr.slice(); // 创建数组副本
newArr.push(4); // 修改副本
return newArr;
}
let myArray = [1, 2, 3];
console.log("Before:", myArray); // 输出: Before: [1, 2, 3]
let newArray = modifyArrayWithoutChangingOriginal(myArray);
console.log("After:", myArray); // 输出: After: [1, 2, 3]
console.log("New Array:", newArray); // 输出: New Array: [1, 2, 3, 4]参考链接
通过以上解释和示例代码，你应该能够理解如何在JavaScript中通过函数参数传递数组，并解决相关的问题。
相关·内容
我是从Javascript来到Php的，我不明白为什么要在Php中获取、转换和返回一个数组，您必须在foreach()中使用“& aka”引用符号.
$some_array = array(1, 2, 3);
function test($a) {
foreach ($a as $k => &$v) {
$v = 'Hello!';
};
return $a;
};
$result = test($
浏览 1提问于2017-01-30得票数 0
回答已采纳
我知道范围在PHP和Javascript中的工作方式不同。
当我第一次开始学习Javascript (在学习PHP几年之后)时，我一开始没有意识到在函数之外声明的变量也可以从函数内部访问。
现在(经过几年更多地关注Javascript)，我很困惑如何将PHP函数范围变量返回到额外的函数环境。
示例：
$myArray = array();
function addItemsToMyArray($myArray) {
$myArray[] = 'apple';
$myArray[] = 'banana';
$myArray[] = &#
浏览 7提问于2017-11-03得票数 3
回答已采纳
我尝试从Silverlight应用程序向Javascript函数传递字符串数组。然而，我似乎只得到了数组的第一个元素，而不是整个数组。我用下面的简单代码重现了它：
Silverlight：
string[] Names = new string[5];
Names[0] = "Test1";
Names[1] = "Test2";
Names[2] = "Test3";
Names[3] = "Test4";
Names[4] = "Test5";
HtmlPage.Window.Invoke(&#
浏览 0提问于2010-10-19得票数 2
回答已采纳
1回答
我现在正在学习JavaScript。我有个问题要问。以下代码摘自Eloquent JavaScript一书：
function forEach(array, action) {
for (var i = 0; i < array.length; i++)
action(array[i]);
}
var numbers = [1, 2, 3, 4, 5],
sum = 0;
forEach(numbers, function(number) {
sum += number;
});
console.log(sum);
这段代码中发生了什么？当
浏览 2提问于2016-02-28得票数 1
1回答
一个关于JavaScript的一般性问题。如果我有一个修改数组的函数，如：
var some_array = [];
function a_function(input, array){
//do stuff to array
return array;
}
在大多数语言中：
var some_array = [];
some_array = a_function(input, some_array);
console.log(some_array);
但是，在js中，下面的工作也是有效的：
var some_array = [];
a_function(input
浏览 3提问于2016-05-18得票数 2
回答已采纳
我刚开始学习JavaScript，回调函数似乎很难理解。我的一个问题是javascript如何匹配回调函数中的参数？例如，在下面的forEach循环中：
var friends = ['Mike', 'Stacy', 'Andy', 'Rick'];
friends.forEach(function(eachName, index){
console.log(index + 1 + ". " + eachName);
});
默认情况下，forEa
浏览 4提问于2014-06-26得票数 1
回答已采纳
有人能解释一下应用javascript函数是如何工作的吗？我以为我明白了，但是下面的例子让我迷惑了。有没有人能详细解释一下应用函数的作用以及为什么答案是-1。在apply函数中传递的add函数有什么作用？
function add(x,y) {
alert(x+y);
}
function subtract(x,y) {
alert(x-y);
}
subtract.apply(add,[1,2]); //Return -1
浏览 1提问于2016-12-30得票数 0
1回答
在when视图中创建了“寄存器”按钮之后，当我单击Kotlin中的“func寄存器”时，我想直接导航到特定的组件。
Kotlin逻辑的结构是这样的。
// Android
inner class JavaScriptInterface
{
@JavascriptInterface
@SuppressWarnings("unused")
fun register(data: String){
navigate(
ridday202208Ev.actionHaydxn2208EventToEventJoinForm()
浏览 9提问于2022-08-04得票数 1
回答已采纳
我刚开始学习JavaScript，我不知道如何理解以下代码(来自)：
console.log(
[].copyWithin.call({ length: 5, 3: 1 }, 0, 3)
)
浏览 2提问于2017-11-21得票数 0
回答已采纳
2回答
嗨，我需要帮助编写一个javascript，我想用函数改变一个动态变量，我的代码如下所示
var a=0;
var b=0;
function UpdateValue(Variable,x)
{
Variable=x;
}
UpdateValue(a,2);
UpdateValue(b,3);
console.log("a: ", a); //returns a: 0
console.log("b: ", b); //returns b: 0
我总是得到0的结果。变量不更新我的函数的正确代码是什么？
浏览 1提问于2015-10-08得票数 0
回答已采纳
我正试图为phonegap编写一个快速的windows插件来处理我的推送通知。理想情况下，我希望将所有通知/ deviceid等传递回javascript函数，以便我能够以与android和ios的推送通知相同的方式处理它们。然而，我似乎无法像在android中那样访问webView.sendJavascript功能。
在Android中，我可以导入org.apache.cordova.CordovaWebView类并执行this.webView。我不知道如何在windows中使用Cordova.Extensions.Commands命名空间做同样的事情，因为WPCordovaClassLib
浏览 3提问于2013-07-29得票数 0
回答已采纳
1回答
我遇到了一段JavaScript代码，它创建一个数组并用0-9之间的数字填充它。 代码是： var arr = Array.apply(null, {length: 10}).map(Number.call, Number);
console.log(arr); 上面的代码创建了一个数组，并将数字从0到9推入其中。我不明白它是如何工作的。我知道其中使用的所有方法，如apply、map和call，但仍然不了解它是如何工作的。 有没有人可以通过将代码分成块来解释代码的工作原理？比如如何一步一步地执行代码，以及它如何产生一个数字从0到9的数组。
浏览 18提问于2021-11-07得票数 1
回答已采纳
我对JavaScript相当陌生，来自不同的编程背景，我很难理解JavaScript如何知道如何解析传递给函数的参数。
让我们来看看简单的例子。在 .on中，我看到了两个不同的签名：
.on(事件、选择器、处理程序)
.on(事件，选择器)
但是，下面的代码段生成了完全有效的代码，并执行了预期的操作：
$(function() {
let dat = {a: 1, b: 2}
$('#do').on('click', dat, function(evt) {
alert(evt.data.b);
});
$('#do2
浏览 4提问于2019-09-13得票数 8
回答已采纳
<script type="text/javascript">
$('#in').onclick=function()
{
var a='abc';
ajax('echo',[a],'result');
};
</script>
如何使用ajax函数发送本地参数？
浏览 1提问于2013-03-12得票数 1
我想把脚本放在一个匿名函数中，放在一个单独的函数中，这样我就可以在不同的元素上使用它，而不需要重复代码。该脚本需要具有对this和e的访问权限。在尝试使用单独的函数之前，myID1正在使用匿名函数。myID2是有效的，但我有种感觉不是首选的方式。myID3可以访问this，但我不知道如何访问e。这是怎么做的？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
浏览 0提问于2013-04-30得票数 0
回答已采纳
2回答
我想把几个方法从一个JavaScript对象委托给另一个JavaScript对象。因此，我考虑使用元编程来避免将几个方法定义为委托。到目前为止，我最终使用了这个方法：
function delegate_to(_method, _obj) {
return function(_args) { // One parameter, what's about multiple parameters?
return _obj[_method](_args)
}
}
所以作为一个例子-编码它应该是如何工作的：
var that = {}
var delegate = {}
tha
浏览 4提问于2012-12-14得票数 4
回答已采纳
var username = $("#username"),
password = $("#password"),
allFields = $([]).add(username).add(password);
什么是allFields？什么是$([])？
作为Javascript/jQuery的新手，我以前从未见过这个$([])表示法，我对它的相关方法很感兴趣。
考虑到它的"$([])"，它很难搜索。在Google上搜索Javascript中的数组(猜测它是某种类型的数组)，会得到我
浏览 1提问于2010-08-28得票数 14
回答已采纳
由于我已经了解了JavaScript的基础知识，所以我能够创建数组，但是我想知道像test=new数组这样的数组的括号中可能包含哪些内容(“参数？”)；因此，我的意思是要包含哪些内容作为javascript数组的参数
浏览 2提问于2012-10-13得票数 0
回答已采纳
请告诉我如何用字符串数组作为参数调用javascript函数，以及如何在被调用的函数中使用这个数组。这是我的代码：
C#码
for (int i = 0; i < count; i++)
{
array1[i] = dt.Rows[i]["FieldName"].ToString();
array2[i] = dt.Rows[i]["FieldValue"].ToString();
}
this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"Javascrip
浏览 0提问于2015-05-04得票数 0
回答已采纳
我最近开始在Codecademy上学习JavaScript，我想知道在哪里可以找到更多关于它的信息。我真的对一些术语感到困惑，比如“元素”，“通过函数传递某些东西”等。有没有网站可以解释这些术语？
浏览 0提问于2012-08-14得票数 0
回答已采纳
当调用时javascript不检查函数参数。
下面这个函数"test“会触发，即使它是在没有参数的情况下被调用。
<input type="button" value="test" onclick="test()">
test = function(param){
alert("test");
}
小提琴：
如果错误未被抛出或javascript引擎/解析器执行，则在查找要调用的内容时甚至不检查函数参数。这对覆盖功能有什么影响吗？
浏览 8提问于2014-09-09得票数 1
回答已采纳
在函数.concat()中，我可以向它传递任意数量的参数。
我了解C++中的函数重载，但我不知道如何在JavaScript中实现具有未知参数数量的函数。
如何在函数中实现任意数量的参数？
浏览 0提问于2011-07-09得票数 1
1回答
我是javaScript的新手，通过观看youtubers的“初学者友好”项目，我一直在自学，但是我很难把我的头绕在参数上，以及参数是如何在函数中定义的。
该项目是一个简单的图像冠状体，有一个特定的箭头函数，我无法完全理解：
const slideWidth = slides[0].getBoundingClientRect().width;
slides.forEach((slide, index) => {
slide.style.left = slideWidth * index + 'px';
});
所以我知道函数是用幻灯片的大小来决定图像向左移动
浏览 1提问于2022-10-28得票数 -1
1回答
我有一份我想与之交互的合同，它的abi方法addProperties列出了以下内容：
addProperties: [Function: bound _createTxObject],
'0xa802047c': [Function: bound _createTxObject],
'addProperties(string[],(uint256,string,bool)[],(string,string))':
如何使用包含uint256、字符串和布尔值的元组传递javascript？换句话说，我如何传递这个中间参数？
浏览 0提问于2022-12-08得票数 0
如果在javascript中，对象属性是通过引用传递的，为什么这不起作用：
var myObj={a:1}
function myFun(x){
x=2;
}
myFun(myObj.a);
// value myObj.a is still 1
但另一方面，如果你这样做：
var myObj={a:1}
function myFun(x){
x.a=2;
}
myFun(myObj);
// this works myObj.a is 2
浏览 0提问于2012-02-17得票数 2
回答已采纳
我在我的网站中添加用户评论，我需要将用户对象传递给每个用户评论。我有一个名为UserReplyForm的React组件，它处理新评论的提交。用户可以回复每个评论，所以视觉上有一个组件来显示评论，在每个评论下面有一个表单来回复。
用户对象存储在React上下文中。因为我将有几十个回复，可能还有几十个回复，我想知道通过React上下文获得用户对象是否在内存优化方面更好，因为如果我把它作为道具传递，用户对象将被复制的次数和有回复的次数一样多。当我说“复制”时，我的意思是用Javascript中的值复制函数参数。另一方面，从用户上下文中获取用户对象，我想我只需要获得对对象的引用。
编辑：想起来了，使用
浏览 2提问于2020-03-15得票数 0
4回答
我已经开始学习JavaScript用于web开发，目前我还停留在回调函数的某个点。问题是我无法理解参数是如何在JavaScript中传递的。
代码：
const arr = [1, 2, 3, 4, 5, 6, 7, 8];
function myfunc(value){ //i had set a parameter 'value'
console.log(value); // i had printed the 'value'
}
arr.forEach(myfunc); // i had not passed any argument in myfun
浏览 8提问于2021-12-07得票数 0
回答已采纳
下面是一个用C语言读取数组并使用函数打印它的程序：
#include<stdio.h>
void read_arr(int a[10][10],int row,int col)
{
int i,j;
for(i=1;i<=row;i++)
{
for(j=1;j<=col;j++)
{
printf("\nEnter Element %d %d : ",i,j);
scanf("%d",&a[i][j]);
}
浏览 2提问于2018-08-22得票数 0
function Set() { // This is the constructor
this.values = {};
this.n = 0;
this.add.apply(this, arguments); // All arguments are values to add
}
// Add each of the arguments to the set.
Set.prototype.add = function() {
/* Code to add properties to the object&
浏览 1提问于2011-09-13得票数 5
回答已采纳
在我在网上找到的一个函数式编程练习中，说明如下：
“实现JavaScript的本机‘filter’方法，它接受两个参数(一个集合和一个返回‘true’或‘false’的测试函数，并使用前面编写的‘each’函数遍历集合，并返回结果数组。”
我已经完成了练习的第一部分，并创建了一个实现JS‘forEach方法的函数：
var each = function(collection, iterator) {
if(Array.isArray(collection)){
for(var i = 0; i < collection.length; i++){
// value, ke
浏览 0提问于2016-07-09得票数 0
回答已采纳
2回答
我试图控制台日志的‘选项’参数，但出于某种原因，它只显示第一个对象？我如何让它记录“新验证器”中的所有对象？
HTML
<form>
<input type="text" id="register_username">
<input type="password" id="register_password">
</form>
Javascript
var Validator = function (options) {
console.log(options
浏览 9提问于2018-01-02得票数 1
回答已采纳
Javascript不允许使用includes对数组进行比较？
参见此示例：
let x = [[1,2], [3,4]]
let y = x[0]
let z = [1,2]
console.log(y,z)
// Output: [ 1, 2 ] [ 1, 2 ]
console.log(x.includes(y), x.includes(z))
// Output: true false
我想让x.includes(z)成为true。
注释让我知道了查询，但是它没有回答我的问题，因为我想检查数组是否使用includes而不仅仅是一些元素。
此外，这个问题没有解释为什么includes
浏览 0提问于2019-03-14得票数 2
回答已采纳
3回答
我正在尝试构建一种调度器函数，能够在任意时刻调用另一个带有参数的函数。下面是我使用Javascript的尝试：
function scheduleFunction(t, deltaT, functionName) {
var timeout;
var timeoutID;
function scheduler() {
functionName()
clearTimeout(timeoutID);
timeout = Math.trunc(Math.random() * 2 * deltaT - deltaT) + t;
浏览 10提问于2017-04-06得票数 0
回答已采纳
我已经编写了一些代码，它似乎正在工作，但我不理解它的一个方面。
> [].forEach.apply('javascript', [function(char) {
... console.log(`give me… ${char.toUpperCase()}`);
... }]);
give me a… J
give me a… A
give me a… V
give me a… A
give me a… S
give me a… C
give me a… R
give me a… I
give me a… P
give me a… T
为什么这里需要第二组方括号，它们
浏览 1提问于2017-10-09得票数 1
回答已采纳
1回答
在我的代码中我有这样一个：
<script type="text/javascript">
$(document).ready(function (e) {
$('#EventCreate').click(function (e) {
location.href = '@Url.Action("Create", "AEvents")';
});
});
</script>
<button id="Even
浏览 2提问于2016-06-16得票数 2
回答已采纳
我在一个页面中多次使用XMLHttpRequest。我手动构建url，例如
http.onreadystatechange = function() {
if (http.readyState === 4){
//dosomething
}
};
http.open('GET','/path/to/page.html?a=1&b=2&c=3&d=4);
http.send(null);
这在页面中至少复制了4次。所以我正在寻找如何重构这一点。
我如何让它成为一个单独的实用函数呢？例如
浏览 5提问于2013-06-05得票数 0
回答已采纳
1)为什么function smallest会失败？我认为它符合Mozilla文档中的示例。
function getMin(x,y) { //from Mozilla documentation
return Math.min(x,y)
}
function smallest(array){ //my own experimentation with Resig`s example
return Math.min(array);
}
function largest(array){ //from John Resig`s learning advanced Ja
浏览 0提问于2011-03-25得票数 2
回答已采纳
4回答
我使用一些javascript库绘制图表。它需要传递带有坐标的数组来绘制初始化程序。但是图表初始化函数的签名看起来像新函数(arr1、arr2、arr3)，但是我不知道我会传递多少数组，但是不可能以其他方式初始化它。怎么可能解决这个问题呢？谢谢。
UPD:调用的函数是构造函数，因此它不能正确地应用于应用程序。问题是如何传递数据，而不是如何获得传递数据的计数。
浏览 1提问于2011-12-05得票数 1
回答已采纳
我遇到了一个很烦人的小语法问题。我目前使用剪刀，一个节点模块来处理pdf文件。
在Docs中描述了选择某些Pdfs页面的语法：
var scissors = require('scissors');
var pdf = scissors('in.pdf')
.pages(4, 5, 6, 1, 12)
这实际上对我很有用，但我想动态地做这件事。如何将整数连接到javascript中的逗号？如果我传递一个字符串，这个函数就不再工作了。
提前谢谢
浏览 3提问于2017-07-28得票数 0
回答已采纳
是否有一个工具可以帮助我检测javascript函数何时传递的参数太少？据我所知，JSLint和JSHint都没有提供这个特性。
只要说清楚，如果我写：
some_method = function(x,y) {
// ..do stuff
}
some_method(2);
我想被警告，我可能不得不通过另一个论点。
浏览 4提问于2014-08-18得票数 2
回答已采纳
在javascript中，我需要根据数组的长度设置变量参数，下面是一个示例代码
function getValesList(json){
return getValues(json[0])+getValues(json[1])+getValues(json[2]);
}
function getValues(json1){
let valueList = Object.values(json1);
let valueListPipe = valueList.join("|");
return valueListPipe+lineSeparato
浏览 11提问于2021-12-27得票数 -1
我有一个这样的javascript函数
function drawImageOnCanvas(canvas, texturePath, color, type, onCall, modelPath, scene, pX, pY, pZ, scale, transform) {}
这里的onCall, modelPath, scene, pX, pY, pZ, scale, transform是可选参数。如何仅为scale传递值。有没有办法定义参数名称和传递值？
浏览 0提问于2017-02-13得票数 0
1回答
我可以将数组作为参数/参数传递到函数中吗？
例如，这是可行的：
key(0, arrowRight, 'regX', anchorLast, 8, 'quartInOut', 175);
然而，这并不是：
var banana = [0, arrowRight, 'regX', anchorLast, 8, 'quartInOut', 175]
key(banana);
从key()函数中返回Uncaught TypeError: Cannot read property 'x' of undefined。这里的u
浏览 1提问于2013-06-28得票数 0
回答已采纳
我想使用javascript apply()方法调用一个函数。如果函数没有参数，则可以很好地工作。即
function test()
{
console.log(this);
}
body = document.getElementsByTagName("body")[0]; // shortcut to body element
test.apply(body); // returns [object HTMLBodyElement]
但我似乎不能做同样的事情来调用一个有参数的函数：
function test(msg)
{
console.log(msg);
}
浏览 0提问于2011-10-06得票数 18
回答已采纳
为什么JavaScript对待数组的作用域与对待其他变量的范围不同？通常，如果将全局作用域中的变量作为参数传递到函数中，则该变量是本地变量，而在函数中更改该变量不会更改全局变量的值。例如：
var globalInt = 1;
function test1(x){
x = x + 1
}
test1(globalInt);
console.log(globalInt); //globalInt is still 1
但是，在传递值数组时，它似乎不适用。
var globalArray = ["TEST"];
function test(x){
x[0] = x
浏览 8提问于2016-04-25得票数 2
回答已采纳
可能重复：
我正在寻找与我在PHP中使用的以下功能等价的Javascript：
function myfunc()
{
$arg_arr = array();
$arg_arr = func_get_args();
$my_arg_val_1 = (!isset($arg_arr[1]) || ($arg_arr[1] == '')) ? true : $arg_arr[1];
}
基本上，我是想得到函数参数。我想编写一个javascript函数来接受一个参数，但是如果提供了第二个和第三个参数，我想添加一些代码来做一些事情，但是我不知
浏览 8提问于2013-01-19得票数 0
回答已采纳
我试着写一些javascript函数，然后意识到
function testFunction(input_1, input_2, input_3) {
alert("alert");
}
但是，当我像这样调用函数时：
<input type="button" value="click" onclick="testFunction("1", "2")">
为什么即使只有两个参数，它仍然可以工作？
浏览 0提问于2011-06-23得票数 37
我正在用Javascript编写一个应用程序，虽然我对该语言很熟悉，但我对未使用的参数感到疑惑。
假设我有一个如下的函数：
function test(data, complete){
if (data){
return complete(null, 'yes');
}
else{
return complete('error', null);
}
}
我使用回调调用该函数，但只对检查错误感兴趣-如果数据存在，我就可以继续执行我的程序。如果我只是将error参数传递到函数中，可以吗？
test(da
浏览 0提问于2013-05-01得票数 0
回答已采纳
我正在做一个简单的程序在silverlight中添加javascript函数。
silverlight函数如下所示
void InvokeJS(params object[] items)
{
object result = System.Windows.Browser.HtmlPage.Window.Invoke("JSFunction", items);
}
将值传递给此函数的过程如下所示
InvokeJS((object)new object[]{ (object)"10", (object)"20"})
JS函数如下所示
functi
浏览 0提问于2012-04-16得票数 1
回答已采纳
1回答
我试图找出如何在JavaScript中做到这一点，但似乎找不到合适的词给谷歌。这是一个相当普遍的模式。
someOperation(obj) { resultOfSomeOperation ->
anotherOperation(resultOfSomeOperation)
}
据推测，someOperation是一种以参数obj和带有签名result -> ??的函数为参数的方法。你这是什么意思？
浏览 0提问于2015-05-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
