Mảng truy cập Javascript cho hàm theo giá trị, để mảng gốc không bị thay đổi

Question

Tôi đã đọc nhiều câu trả lời ở đây liên quan đến 'theo giá trị' và 'theo tham chiếu' để gửi mảng tới hàm javascript. Tuy nhiên tôi có một vấn đề gửi một mảng đến một chức năng và để lại mảng ban đầu không thay đổi gì. Ví dụ này sẽ giải quyết vấn đề:

function myFunction(someArray) 
{ 
// any function that makes an array based on a passed array; 
// someArray has two dimensions; 
// I've tried copying the passed array to a new array like this (I've also used 'someArray' directly in the code); 

funcArray = new Array(); 
funcArray = someArray; 

var i = 0; 

    for(i=0; i<funcArray.length; i++) 
    { 
    funcArray[i].reverse; 
    } 

return funcArray; 

} 

Tôi không thể hiểu tại sao mọi thứ trong hàm này phải thay đổi mảng ban đầu.

gọi chức năng này trực tiếp làm thay đổi mảng ban đầu nếu cuộc gọi chức năng được gán cho một mảng mới:

myArray = [["A","B","C"],["D","E","F"],["G","H","I"]]; 
anotherArray = new Array(); 

anotherArray = myFunction(myArray); 
// myArray gets modified!; 

tôi đã cố gắng sử dụng .valueOf() để gửi nguyên thủy:

anotherArray = myFunction(myArray.valueOf()); 
// myArray gets modified!; 

tôi thậm chí đã cố gắng phá vỡ phần tử mảng xuống bởi phần tử và phần tử con theo phần tử con và gán tất cả cho một mảng 2-d mới và mảng ban đầu vẫn được sửa đổi.

Tôi cũng đã tham gia các phần tử con vào một chuỗi, xử lý chúng, chia chúng thành mảng và mảng ban đầu vẫn được sửa đổi.

Xin vui lòng, không ai biết làm thế nào tôi có thể vượt qua các giá trị mảng cho một hàm và không có thay đổi mảng đã qua?

Answer 1

Bên trong hàm của bạn có này:

funcArray = new Array(); 
funcArray = someArray; 

này sẽ không thực sự sao chép someArray nhưng thay vì tham chiếu đến nó, đó là lý do các mảng gốc được sửa đổi.

Bạn có thể sử dụng Array.slice() để tạo bản sao được gọi là bản sao nông.

var funcArray = someArray.slice(0); 

Mảng ban đầu sẽ còn nguyên, nhưng mỗi phần tử của nó vẫn sẽ tham khảo mục tương ứng của họ trong mảng ban đầu. Đối với "nhân bản sâu", bạn cần phải thực hiện điều này một cách đệ quy; cách hiệu quả nhất được thảo luận trong những câu dưới đây:

What is the most efficient way to deep clone an object in JavaScript?

Btw, tôi đã thêm var trước funcArray. Làm như vậy làm cho nó cục bộ cho hàm thay vì là một biến toàn cầu.

Answer 2

Biến chỉ vào một mảng là tham chiếu đến mảng đó. Khi bạn vượt qua một mảng, bạn đang sao chép tham chiếu này.

Bạn có thể tạo bản sao nông với slice(). Nếu bạn muốn có một bản sao đầy đủ, sau đó recurse trong các đối tượng phụ, hãy ghi nhớ các caveats khi sao chép một số đối tượng.

Answer 3

Một giải pháp chung chung sẽ là ...

// Use the JSON parse to clone the data. 
function cloneData(data) { 
    // Convert the data into a string first 
    var jsonString = JSON.stringify(data); 

    // Parse the string to create a new instance of the data 
    return JSON.parse(jsonString); 
} 

// An array with data 
var original = [1, 2, 3, 4]; 

function mutate(data) { 
    // This function changes a value in the array 
    data[2] = 4; 
} 

// Mutate clone 
mutate(cloneData(original)); 

// Mutate original 
mutate(original); 

này hoạt động cho các đối tượng cũng như mảng.

Rất hiệu quả khi bạn cần nhân bản sâu hoặc bạn không biết loại đó là gì.

sâu nhân bản ví dụ ...

var arrayWithObjects = [ { id: 1 }, { id: 2 }, { id: 3 } ]; 

function mutate(data) { 
    // In this case a property of an object is changed! 
    data[1].id = 4; 
} 

// Mutates a (DEEP) cloned version of the array 
mutate(cloneData(arrayWithObjects)); 

console.log(arrayWithObjects[1].id) // ==> 2 

Warnings

• Sử dụng phân tích cú pháp JSON clone không phải là lựa chọn performant nhất!

• Nó không sao chép chức năng chỉ hỗ trợ JSON kiểu dữ liệu

• Không thể sao chép tài liệu tham khảo tròn

Answer 4

Tạo một bản sao của mảng mà bạn có thể sử dụng.

Một cách đơn giản để làm điều này là sử dụng var clone = original.slice(0);

Answer 5

Nếu bạn cần phải làm điều này với một đối tượng, cố gắng lừa ưa thích này ...

MY_NEW_OBJECT = JSON.parse(JSON.stringify(MY_OBJECT)); 

Answer 6

var aArray = [0.0, 1.0, 2.0]; 
var aArrayCopy = aArray.concat(); 
aArrayCopy[0] = "A changed value."; 
console.log("aArray: "+aArray[0]+", "+aArray[1]+", "+aArray[2]); 
console.log("aArrayCopy: "+aArrayCopy[0]+", "+aArrayCopy[1]+", "+aArrayCopy[2]); 

Câu trả lời này đã được chỉnh sửa . Ban đầu tôi đưa ra rằng các nhà điều hành new xử lý các giải pháp, nhưng ngay sau đó nhận ra rằng lỗi. Thay vào đó, tôi đã chọn sử dụng phương thức concat() để tạo một bản sao. Câu trả lời ban đầu đã không hiển thị toàn bộ mảng, vì vậy lỗi đã vô tình bị che khuất. Đầu ra mới được hiển thị bên dưới sẽ chứng minh rằng câu trả lời này hoạt động như mong đợi.

aArray: 0, 1, 2 
aArrayCopy: A changed value., 1, 2