首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JavaScript 陣列 push 新增圖片路徑物件完整範例

     編輯:程式設計綜合問答

已有陣列 arrData 包含多個 {picture: "..."} 物件,需動態新增 {picture: "picture12.png"},直接使用 push 方法即可。

程式碼

var arrData = [
  { "picture": "2_2_content/css/myImg/picture1.png" },
  { "picture": "2_2_content/css/myImg/picture2.png" }
  // ... 更多
];

// 新增單筆
arrData.push({
  "picture": "2_2_content/css/myImg/picture12.png"
});

// 新增多筆(ES6 展開運算子)
arrData.push(
  { "picture": "picture13.png" },
  { "picture": "picture14.png" }
);

console.log(arrData.length); // 確認長度增加

注意事項

  • push 會修改原陣列並回傳新長度。
  • 物件寫法建議統一加雙引號,確保 JSON 相容。
  • 若需去重,可先用 find 或 Set 判斷。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved