擷取手機連絡人+滾動選取器(MUI移動開發架構)__h5

有的時候卡了一下午的bug，過一會回頭一眼就看出問題了，不知道是該高興還是悲哀，以下是擷取手機連絡人並加入滾動選取器(picker)的部分代碼，沒有整理,注意連絡人資料中的phoneNumber這個屬性，0是手機號碼，1是住宅號碼，必須判斷是否為undefined，漏判undefined可能導致後面的邏輯執行不下去，下午我就是把返回按鈕的監聽放連絡人提取後面，連絡人出現undefined，我連返回都返回不了了 showUserPickerButton.addEventListener('tap', function(event) { //提取使用者手機連絡人 傳給資料來源contact_arr plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) { addressbook.find(["displayName", "phoneNumbers"], function(contacts) { for (var i = 0; i < contacts.length; i++) { //contact_arr_text是contact_arr資料來源中每一個item用於顯示的值 此處為連絡人名稱+手機號 //這裡一定要判斷連絡人名稱不為空白 一旦漏判undefined後面所有邏輯都不會執行!! if (contacts[i] !== undefined && contacts[i].displayName !== undefined) { //判斷使用者的手機號碼不為空白時 取手機號碼 if (contacts[i].phoneNumbers[0] !== undefined) { var contact_arr_text = contacts[i].displayName + "\t" + contacts[i].phoneNumbers[0].value; } //若手機號為空白 則判斷住宅號是否為空白 不為空白就用住宅號碼 若住宅號碼也為空白 這個使用者就不顯示了 else if (contacts[i].phoneNumbers[1] !== undefined) { var contact_arr_text = contacts[i].displayName + "\t" + contacts[i].phoneNumbers[1].value; } } console.log(contact_arr_text); //將資料傳給資料來源 contact_arr[i] = { value: i, text: contact_arr_text }; } //連絡人資料提取關閉載入到選取器中 userPicker.setData(contact_arr); userPicker.show(function(items) { // userResult.innerText = JSON.stringify(items[0]); //返回 false 可以阻止選擇框的關閉 //return false; }); }, false); }, function(e) { plus.ui.toast("未能擷取到連絡人資料!"); }) }, function(e) { plus.ui.toast("未能擷取到手機通訊錄!"); })