对于大多数使用jQuery的开发者来说,在处理数据时建议使用jQuery对象以便更方便地操作数据。当需要将新的元素添加到现有jQuery对象中时,push()
方法就派上用场了。
var myArray = ['hello', 'world'];
var myNewElement = '!';
$.push(myNewElement);
这样做的结果是,在myArray
数组的末尾添加了一个指向字符串“!” 的新元素。这里的关键是,push()
将实参视为jQuery对象的一部分,将其追加到数组的末尾。
另外一个重要的要点是,push()
并没有改变原有的jQuery对象。如果需要更新它,请使用更改器方法(操作原有的jQuery对象)或者使用赋值语句将新对象赋值回原始变量。
var myNewArray = myArray.push(myNewElement);
console.log(myArray.length); // 3
console.log(myNewArray.length); // 3
console.log(myArray[0]); // 'hello'
console.log(myArray[1]); // 'world'
console.log(myArray[2]); // '!'
console.log(myNewArray[2]); // '!'
console.log(myNewArray); // ['hello', 'world', '!']
通过上述代码可以看出,myArray.push(myNewElement)
在myArray中添加了新元素,但是myArray自身并没有改变,它仍然指向原有的myArray数组。所以,将新对象赋值到原有jQuery对象会更容易维护和理解。