JavaScript如何按type属性将数组内data对象分类存入对应数组
错误原因
你的代码存在4处问题,导致数组无法存入数据:
- 属性访问顺序错误:
allData.type[i]写法不成立,allData是数组,必须先通过索引i取到对应元素allData[i],再访问元素的type属性 - 对象属性引用错误:
customers/addresses/stores是CustomerDB的内部属性,不能直接用变量名访问,需要通过this指代当前对象,用this.customers这类形式访问 - 分支逻辑笔误:匹配到
type为address的元素时,你错误地把数据push到了customers数组 - 未执行方法:定义完
insertData后没有主动调用,方法内部逻辑根本不会执行
修正后完整代码
var allData = [ {type:"store", data:{store_id: 297, name: "Scotiabank - Main Branch", address_id: 1023}}, {type:"store", data:{store_id: 614, name: "Scotiabank - Hamilton", address_id: 1984}}, {type:"store", data:{store_id: 193, name: "Scotiabank - Mississauga", address_id: 1757}}, {type:"customer", data:{customer_id: 26, store_id:297, first_name: "Dave", last_name: "Bennett", email: "dbennett@gmail.com", address_id: 4536, add_date: null}}, {type:"customer", data:{customer_id: 59, store_id:193, first_name: "John", last_name: "Stevens", email: "jstevens22@hotmail.com", address_id: 2473, add_date: null}}, {type:"customer", data:{customer_id: 29, store_id:614, first_name: "Sarah", last_name: "Pym", email: "spym99@hotmail.com", address_id: 1611, add_date: null}}, {type:"customer", data:{customer_id: 63, store_id:297, first_name: "Steven", last_name: "Edwards", email: "steven2231@hotmail.com", address_id: 1836, add_date: null}}, {type:"customer", data:{customer_id: 71, store_id:614, first_name: "Martin", last_name: "Scott", email: "mdog33@gmail.com", address_id: 2727, add_date: null}}, {type:"customer", data:{customer_id: 24, store_id:614, first_name: "Jonathan", last_name: "Pym", email: "jjpym@yahoo.ca", address_id: 1611, add_date: null}}, {type:"customer", data:{customer_id: 36, store_id:193, first_name: "Kaitlyn", last_name: "Adams", email: "katy38@hotmail.com", address_id: 5464, add_date: null}}, {type:"customer", data:{customer_id: 73, store_id:297, first_name: "Melissa", last_name: "Bennett", email: "mbennett@gmail.com", address_id: 4536, add_date: null}}, {type:"address", data:{address_id: 1023, address: "2895 Yonge St.", city:"Toronto", province:"ON", postal_code:"L4C02G"}}, {type:"address", data:{address_id: 1984, address: "3611 Main St. West", city:"Hamilton", province:"ON", postal_code:"R5O8H5"}}, {type:"address", data:{address_id: 1757, address: "1177 Ontario St. Unit 8", city:"Mississauga", province:"ON", postal_code:"L9H6B3"}}, {type:"address", data:{address_id: 4536, address: "3945 John St.", city: "Ajax", province: "ON", postal_code: "L7M4T9"}}, {type:"address", data:{address_id: 2473, address: "391 Baker St. Apt 231", city: "Mississauga", province: "ON", postal_code: "M4T8S3"}}, {type:"address", data:{address_id: 1611, address: "183 City Ct.", city: "Hamilton", province: "ON", postal_code: "J3T9V2"}}, {type:"address", data:{address_id: 1836, address: "67 Rhymer Ave.", city: "Stouffville", province: "ON", postal_code: "L3C8H4"}}, {type:"address", data:{address_id: 2727, address: "287 Brant St. Apt 4A", city: "Waterdown", province: "ON", postal_code: "R93G3P"}}, {type:"address", data:{address_id: 5464, address: "11 New St. Apt 2B", city: "Brampton", province: "ON", postal_code: "L694R7"}}, ]; var CustomerDB = { customers:[], addresses:[], stores:[], insertData:function(allData){ for (let i = 0; i<allData.length;i++){ const currentItem = allData[i]; if (currentItem.type == "store"){ this.stores.push(currentItem.data); } if (currentItem.type == "customer"){ this.customers.push(currentItem.data); } if (currentItem.type == "address"){ this.addresses.push(currentItem.data); } } } }; // 调用方法执行数据导入 CustomerDB.insertData(allData);
运行后CustomerDB.stores会存入3条门店数据,customers存入8条客户数据,addresses存入9条地址数据。
内容的提问来源于stack exchange,提问作者ChecksOverStripes
相关产品推荐
相关产品推荐

