casper

20210526

⚑ 近期活動

原始講義被惡意刪除，因此補上直播完成的程式碼

const people = [
  {
    name: '卡斯伯',
    order: '鍋燒意麵',
    price: 80
  },
  {
    name: '小明',
    order: '牛肉麵',
    price: 120
  },
  {
    name: '漂亮阿姨',
    order: '滷味切盤',
    price: 40
  },
  {
    name: 'Ray',
    order: '大麻醬乾麵',
    price: 60
  },
];

// 取出所有值（要一一列出每個人的訂單）
people.forEach((item, key, arr) => {
  console.log(item, key, arr);
});

// 陣列內的值調整（大家看到活動期間，價格 八折）
const people2 = [];
people.forEach((item, key) => {
  people2[key] = {
    name: item.name,
    order: item.order,
    price: item.price * 2
  }
});
console.log(people2);

// 過濾：老闆說，你們看錯啦，不過還是給個優惠
// 老闆說 80 元以上加送滷蛋
const filterPeople = [];
people.forEach((item) => {
  if (item.price >= 80) {
    filterPeople.push(item);
  }
});
console.log('過濾:', filterPeople);

// 找出特定位置的索引位置，老闆說牛肉沒了
let orderIndex = 0;
people.forEach((item, index) => {
  if (item.order === '牛肉麵') {
    orderIndex = index
  }
});
people[orderIndex].order = '牛肉湯麵'
console.log('索引位置:', orderIndex);
console.log(people);

// 組成 li 結構：老闆說 POS 機壞了，需要印發票，請幫忙組出 li 結構
let htmlTemplate = '';
people.forEach((item) => {
  htmlTemplate = htmlTemplate + `<li>
    ${item.order} 共 ${item.price} 元
    </li>`
});
console.log(htmlTemplate);

// 老闆要收錢啦
let total = 0;
people.forEach(item => {
  total += item.price
});
console.log(total);

const people = [
  {
    name: '卡斯伯',
    order: '鍋燒意麵',
    price: 80,
  },
  {
    name: '小明',
    order: '牛肉麵',
    price: 120,
  },
  {
    name: '漂亮阿姨',
    order: '滷味切盤',
    price: 40,
  },
  {
    name: 'Ray',
    order: '大麻醬乾麵',
    price: 60,
  },
];

// 取出所有值（要一一列出每個人的訂單）
people.forEach((item, key, arr) => {
  console.log(item, key, arr);
});

// 陣列內的值調整（價格 八折）
const people2 = people.map((item) => {
  return {
    ...item,
    price: item.price * 0.8,
  };
});
console.log('map:', people2);

// 過濾：老闆說 80 元以上加送滷蛋
const filterPeople = people.filter((item) => item.price >= 80);
console.log('過濾:', filterPeople);

// 找出特定位置的索引位置，老闆說牛肉沒了
const orderIndex = people.findIndex((item) => item.order === '牛肉麵');
people[orderIndex].order = '牛肉湯麵';
console.log('索引位置:', orderIndex);
console.log(people);

// 組成 li 結構：老闆說 POS 機壞了，需要印發票，請幫忙組出 li 結構
const htmlTemplate = people
  .map(
    (item) => `<li>
        ${item.order} <br /> ${item.price} 元
      </li>`,
  )
  .join('');
console.log(htmlTemplate);

// 老闆要收錢啦
const total = people.reduce((acc, cur) => acc + cur.price, 0);
console.log(total);

// 排序
const peopleSort = people.sort((a, b) => {
  return b.price - a.price;
});
console.log(peopleSort);