// 1. 基礎(chǔ)用法：添加單個(gè)元素
const fruitList = ['蘋(píng)果', '香蕉', '橙子'];
// 調(diào)用push()，添加單個(gè)元素
const newLength1 = fruitList.push('葡萄');
console.log('添加單個(gè)元素后的數(shù)據(jù)：', fruitList); // 輸出：['蘋(píng)果', '香蕉', '橙子', '葡萄']
console.log('更新后數(shù)組長(zhǎng)度：', newLength1); // 輸出：4

// 2. 進(jìn)階用法：添加多個(gè)元素
const numberArr = [1, 2, 3];
// 調(diào)用push()，批量添加多個(gè)元素（用逗號(hào)分隔）
const newLength2 = numberArr.push(4, 5, 6);
console.log('添加多個(gè)元素后的數(shù)據(jù)：', numberArr); // 輸出：[1, 2, 3, 4, 5, 6]
console.log('更新后數(shù)組長(zhǎng)度：', newLength2); // 輸出：6

// 3. 實(shí)戰(zhàn)場(chǎng)景：用戶(hù)列表追加新用戶(hù)
const userList = [
  { id: 1, name: '張三', age: 25 },
  { id: 2, name: '李四', age: 28 }
];
// 新用戶(hù)數(shù)據(jù)
const newUser = { id: 3, name: '王五', age: 30 };
// 追加新用戶(hù)
userList.push(newUser);
console.log('追加新用戶(hù)后的列表：', userList);
// 輸出：[{ id:1, ... }, { id:2, ... }, { id:3, ... }]

// 1. 基礎(chǔ)用法：遍歷數(shù)組并打印每個(gè)元素
const animalArr = ['老虎', '大象', '熊貓', '猴子'];
console.log('動(dòng)物列表遍歷結(jié)果：');
animalArr.forEach((animal, index) => {
  // 回調(diào)函數(shù)參數(shù)：item（當(dāng)前元素）、index（當(dāng)前索引，可選）、array（原數(shù)組，可選）
  console.log(`索引${index}：${animal}`);
});
// 輸出：
// 索引0：老虎
// 索引1：大象
// 索引2：熊貓
// 索引3：猴子

// 2. 進(jìn)階用法：遍歷數(shù)組并累加計(jì)算
const scoreArr = [85, 92, 78, 90, 88];
let totalScore = 0;
// 遍歷分?jǐn)?shù)數(shù)組，累加總分
scoreArr.forEach(score => {
  totalScore += score;
});
const averageScore = totalScore / scoreArr.length;
console.log('總分：', totalScore); // 輸出：431
console.log('平均分：', averageScore); // 輸出：86.2

// 3. 實(shí)戰(zhàn)場(chǎng)景：格式化數(shù)組元素（給商品名稱(chēng)添加前綴）
const productList = ['手機(jī)', '電腦', '平板', '耳機(jī)'];
const formatProductList = [];
// 遍歷商品列表，格式化后存入新數(shù)組
productList.forEach(product => {
  formatProductList.push(`熱銷(xiāo)-${product}`);
});
console.log('格式化后的商品列表：', formatProductList);
// 輸出：['熱銷(xiāo)-手機(jī)', '熱銷(xiāo)-電腦', '熱銷(xiāo)-平板', '熱銷(xiāo)-耳機(jī)']

// 1. 基礎(chǔ)用法：篩選滿(mǎn)足單一條件的元素
const numArr = [12, 5, 28, 7, 35, 1, 40];
// 篩選大于20的數(shù)字
const bigNumArr = numArr.filter(num => {
  return num > 20;
});
console.log('原始數(shù)組：', numArr); // 輸出：[12,5,28,7,35,1,40]
console.log('大于20的數(shù)字?jǐn)?shù)組：', bigNumArr); // 輸出：[28,35,40]

// 2. 進(jìn)階用法：多條件組合篩選
const studentList = [
  { name: '小明', gender: '男', age: 18, score: 90 },
  { name: '小紅', gender: '女', age: 17, score: 95 },
  { name: '小剛', gender: '男', age: 19, score: 85 },
  { name: '小麗', gender: '女', age: 18, score: 92 },
  { name: '小亮', gender: '男', age: 17, score: 88 }
];
// 篩選：女性 && 年齡18歲 && 分?jǐn)?shù)大于90
const targetStudents = studentList.filter(student => {
  return student.gender === '女' && student.age === 18 && student.score > 90;
});
console.log('滿(mǎn)足條件的學(xué)生：', targetStudents); // 輸出：[{ name: '小麗', ... }]

// 3. 實(shí)戰(zhàn)場(chǎng)景：排除無(wú)效數(shù)據(jù)（篩選非空、非undefined的用戶(hù)名）
const userNameList = ['張三', '', '李四', undefined, '王五', null, '趙六'];
// 篩選有效用戶(hù)名（排除空字符串、undefined、null）
const validUserNameList = userNameList.filter(name => {
  return name !== '' && name !== undefined && name !== null;
});
console.log('原始用戶(hù)名列表：', userNameList);
console.log('有效用戶(hù)名列表：', validUserNameList); // 輸出：['張三', '李四', '王五', '趙六']

// 1. 注意點(diǎn)：默認(rèn)排序（字符串Unicode編碼，不適合數(shù)字排序）
const defaultNumArr = [10, 2, 35, 7, 100];
defaultNumArr.sort();
console.log('數(shù)字默認(rèn)排序結(jié)果：', defaultNumArr); // 輸出：[10, 100, 2, 35, 7]（不符合預(yù)期）

// 2. 基礎(chǔ)用法：數(shù)字?jǐn)?shù)組升序/降序排序（傳入自定義比較函數(shù)）
const sortNumArr = [10, 2, 35, 7, 100];
// 數(shù)字升序排序：a - b
sortNumArr.sort((a, b) => a - b);
console.log('數(shù)字升序排序：', sortNumArr); // 輸出：[2, 7, 10, 35, 100]

// 數(shù)字降序排序：b - a
sortNumArr.sort((a, b) => b - a);
console.log('數(shù)字降序排序：', sortNumArr); // 輸出：[100, 35, 10, 7, 2]

// 3. 進(jìn)階用法：對(duì)象數(shù)組按指定屬性排序
const goodsList = [
  { name: '手機(jī)', price: 4999 },
  { name: '電腦', price: 7999 },
  { name: '平板', price: 2999 },
  { name: '耳機(jī)', price: 999 }
];
// 按商品價(jià)格升序排序（從便宜到貴）
goodsList.sort((a, b) => a.price - b.price);
console.log('按價(jià)格升序排序的商品：', goodsList);
// 輸出：[{ name: '耳機(jī)', price:999 }, { name: '平板', price:2999 }, ...]

// 按商品價(jià)格降序排序（從貴到便宜）
goodsList.sort((a, b) => b.price - a.price);
console.log('按價(jià)格降序排序的商品：', goodsList);
// 輸出：[{ name: '電腦', price:7999 }, { name: '手機(jī)', price:4999 }, ...]

// 4. 實(shí)戰(zhàn)場(chǎng)景：字符串?dāng)?shù)組排序（按姓名排序）
const nameList = ['Zhang San', 'Li Si', 'Wang Wu', 'Zhao Liu'];
// 按字符串Unicode編碼升序排序（英文姓名適用）
nameList.sort();
console.log('姓名升序排序：', nameList); // 輸出：['Li Si', 'Wang Wu', 'Zhang San', 'Zhao Liu']