Javascript 2-d关联数组

Question

I have a Javascript 2-D array defined as follows:

proData[prov_999998] = new Array();

proData[prov_999998]["address"] = "29 South St. South #202  Uxbridge   ON  L9P 1V9";

proData[prov_999998]["phone"] = "555-555-5555";

proData[prov_999998]["fax"] = "444-444-4444";

I'm trying to access these array elements in this function:

function switchPro(value) {
document.getElementById("letterheadName").value = value;
document.getElementById("letterheadAddress").value = providerData[prov_999998]["address"];
document.getElementById("letterheadAddressSpan").innerHTML = providerData[prov_999998]["address"] ;  
document.getElementById("letterheadPhone").value = providerData[prov_999998]["phone"];
document.getElementById("letterheadPhoneSpan").innerHTML = providerData[prov_999998]["phone"]; 
document.getElementById("letterheadFax").value = providerData[prov_999998]["fax"]; 
document.getElementById("letterheadFaxSpan").innerHTML = providerData[prov_999998]["fax"]; 
}

But I'm getting an error saying: "prov_999998 is undefined in "providerData[prov_999998]["address"];". Can someone please help me with this? I can't have numbers as array indexes because javascript does not accept array index starting with '0' such as [0999]. These array indexes are Ids entered by the user and I can't put a restriction on the Id format. I am new to javascript so I'd appreciate any help.

Actually, I want the 1st index to be a variable. This is what I was doing:

function switchProvider(value) {
    var val =  "prov_"+value; 
    document.getElementById("letterheadName").value = value;
    document.getElementById("letterheadAddress").value = providerData[val]["address"];
    document.getElementById("letterheadAddressSpan").innerHTML = providerData[val]["address"] ; 
    document.getElementById("letterheadPhone").value = providerData[val]["phone"];
    document.getElementById("letterheadPhoneSpan").innerHTML = providerData[val]["phone"]; 
    document.getElementById("letterheadFax").value = providerData[val]["fax"]; 
    document.getElementById("letterheadFaxSpan").innerHTML = providerData[val]["fax"]; 

    } 

But this is not working, the values on the webpage are being rendered as 'undefined'. What am I doing wrong?

Here's more code, it's JSP and Javascript together.

var providerData = new Array();
<% 
for (Provider p : prList) {
if (!p.getProviderNo().equalsIgnoreCase("-1")) {
        String prov_no = "prov_"+p.getProviderNo();
        %>
    providerData[<%=prov_no%>]["address"] = "<%=(p.getClinicAddress() + "  " + p.getClinicCity() + "   " + p.getClinicProvince() + "  " + p.getClinicPostal()).trim() %>";
    providerData[<%=prov_no%>]["phone"] = "<%=p.getClinicPhone().trim() %>";
    providerData[<%=prov_no%>]["fax"] = "<%=p.getClinicFax().trim() %>";

<%  } 
} %>

Answer 1

The syntax you use is for object key/value pairs, and not for arrays.

You should most likely use

var proData = {};

proData['prov_999998'] = {};
proData['prov_999998']["address"] = "29 South St. South #202  Uxbridge   ON  L9P 1V9";
proData['prov_999998']["phone"] = "555-555-5555";
proData['prov_999998']["fax"] = "444-444-4444";

and access it with ( ie )

providerData['prov_999998']["address"];

Now if prov_999998 is a variable then you should indeed access it without the quotes i added, but make sure that it has a value assigned, and that this value still persists when you try to use it in your function ..

---

original answer

You should wrap the prov_999998 in quotes 'prov_999998' to make it a literal, otherwise it is treated as a variable.

 
 
 
  
  proData['prov_999998'] = new Array(); proData['prov_999998']["address"] = "29 South St. South #202 Uxbridge ON L9P 1V9"; proData['prov_999998']["phone"] = "555-555-5555"; proData['prov_999998']["fax"] = "444-444-4444";
 
  

and

 
 
 
  
  function switchPro(value) { document.getElementById("letterheadName").value = value; document.getElementById("letterheadAddress").value = providerData['prov_999998']["address"]; document.getElementById("letterheadAddressSpan").innerHTML = providerData['prov_999998']["address"] ; document.getElementById("letterheadPhone").value = providerData['prov_999998']["phone"]; document.getElementById("letterheadPhoneSpan").innerHTML = providerData['prov_999998']["phone"]; document.getElementById("letterheadFax").value = providerData['prov_999998']["fax"]; document.getElementById("letterheadFaxSpan").innerHTML = providerData['prov_999998']["fax"]; }
 
  

Answer 2

The fact there are enough indexes to get to 999998 in a Javascript memory structure is worrisome. You're definitely going to knock a browser over if much of the preceding entries are loaded alongside it.

Is there anything wrong with calling the index 999 instead of 0999?

It looks like you're trying to use strings to index the secondary items in the array, rather than indexes - like 'address' and 'phone'.

So, your structure should be hashmaps of hashmaps:

var providerData = {
    '0999': {
        address: '321 Sesame St',
        zip: '12345'
    },
    '1000': {// more here
    }
};

alert(providerData['0999']['address']); // alerts "321 Sesame St"

But you should consider the amount of data loaded into it.

Answer 3

Guess your associative array is wrong (or your code lacks info).

proData[prov_999998] = new Array();

should be

proData['prov_999998'] = new Array();

and so on. Anyhow, you could use javascript objects to do that in a neat way.