关联数组(也称为对象或字典)是一种键值对数据结构,其中每个值都与一个唯一的键相关联。在JavaScript中,对象本质上就是关联数组。
// 创建一个空关联数组
var myArray = {};
// 使用jQuery的$.extend()方法创建
var myArray = $.extend({}, {key1: 'value1', key2: 'value2'});
// 直接赋值方式
var dynamicArray = {};
dynamicArray['name'] = 'John';
dynamicArray['age'] = 30;
// 使用变量作为键名
var key = 'email';
dynamicArray[key] = 'john@example.com';
$.each(dynamicArray, function(key, value) {
console.log(key + ": " + value);
});
var nestedArray = {
person1: {
name: 'Alice',
age: 25
},
person2: {
name: 'Bob',
age: 30
}
};
// 动态添加嵌套对象
nestedArray['person3'] = {};
nestedArray['person3']['name'] = 'Charlie';
nestedArray['person3']['age'] = 35;
// 收集表单数据到关联数组
var formData = {};
$('form input').each(function() {
formData[$(this).attr('name')] = $(this).val();
});
var requestData = {
action: 'getUser',
params: {
id: 123,
fields: ['name', 'email', 'age']
}
};
$.ajax({
url: 'api.php',
type: 'POST',
data: requestData,
success: function(response) {
console.log(response);
}
});
if ('key' in dynamicArray) {
// 键存在
}
// 或者
if (dynamicArray.hasOwnProperty('key')) {
// 键存在
}
delete dynamicArray['key'];
var array1 = {a: 1, b: 2};
var array2 = {b: 3, c: 4};
var merged = $.extend({}, array1, array2);
// 结果: {a: 1, b: 3, c: 4}
对于大型动态关联数组:
关联数组是JavaScript中非常灵活的数据结构,结合jQuery可以方便地进行动态操作和DOM交互。
没有搜到相关的文章