unit6 continue

unit6 continue

Array Properties & Function

Multiple Select

ຮູບແບບຂອບເຂດຕົວປ່ຽນແມ່ນຂໍ້ໃດແດ່

• local

• locla

• golbal

• global

ຄຸນສົມບັດຂອງ ອາເຣ

ຫາຈໍານວນສະມາຊິກ ແລະ ລຽງລໍາດັບ 

let color = [“ແດງ”, “ຟ້າ”, “ເຫຼືອງ”];

let x = color.length;

let y = color.sort();

Multiple Select

ຈົ່ງສ້າງອາເຣເພື່ອເກັບຊື່ຂອງສັດໃນສ່ວນສັດແຫ່ງໜຶ່ງໂດຍໃສ່ຊື່ອາເຣວ່າ Animals

• ສ້າງ file animals.js

• ສ້າງອາເຣໃນ file animals.js ໂດຍໃສ່ຊື່ຂອງສັດທີ່ມີໃນສ່ວນສັດໃຫ້ໄດ້ 5 ຊະນິດຂອງສັດໃນ່ສ່ວນສັດ

• ສ້າງຕົວປ່ຽນ total ຂື້ນມາເພື່ອເກັບຈຳນວນສັດທີ່ມີໃນອາເຣວ່າມີຈັກຊະນິດ

• ສະແດງສະມາຊິກຂອງອາເຣ

• ສຳເລັດ 1 ຄະແນນ / 10 ນາທີ

Multiple Select

ຈົ່ງລຽງລຳດັບຂອງສະມາຊິກອາເຣ Animal

• ສະແດງສະມາຊິກກ່ອນການລຽງລຳດັບ

• ທຳການລຽງລຳດັບ

• ສະແດງສະມາຊິກຫຼັງມີການລຽງລຳດັບ

• ສຳເລັດ 1 ຄະແນນ / 3 ນາທີ

ການຫາສະມາຊິກອັນທຳອິດ ແລະ ອັນສຸດທ້າຍ

let first = color[0];

let last = color[color.length-1];

Multiple Select

ໃຫ້ນັກສຶກສາສ້າງອາເຣ fruits ຂື້ນມາເພື່ອເກັບຊືຂອງໝາກໄມ້.

• ສ້າງອາເຣ fruits ແລ້ວເກັບຊື່ໝາກໄມ້ໃຫ້ໄດ້ຢ່າງໜ້ອຍ 7 ປະເພດໝາກໄມ້

• ແລ້ວສະແດງຊື່ຂອງໝາກໄມ້ທີ່ຢູ່ໃນອິນເດັກທຳອິກຂອງອາເຣ

• ຫຼັງຈາກຮູ້ສະມາຊິກທຳອິກແລ້ວ ໃຫ້ສະແດງໝາກໄມ້ທີ່ຢູ່ສຸດທ້າຍໝູ່ອອກມາ

• ສຳເລັດ 2 ຄະແນນ / 10 ນາທີ

Multiple Choice

ການຫາຈໍານວນສະມາຊິກໃນອາເຣແມ່ນຂໍ້ໃດ

• let color = [“ແດງ”, “ຟ້າ”, “ເຫຼືອງ”];

  let x = color.lenght;

• let color = [“ແດງ”, “ຟ້າ”, “ເຫຼືອງ”];

  let x = color.legth;

• let color = [“ແດງ”, “ຟ້າ”, “ເຫຼືອງ”];

  let x = color.length;

• let color = [“ແດງ”, “ຟ້າ”, “ເຫຼືອງ”];

  let x = color.lengh;

Multiple Choice

ການລຽງລໍາດັບສະມາຊິກອາເຣແມ່ນຂໍ້ໃດ

• let color = [“ແດງ”, “ຟ້າ”, “ເຫຼືອງ”];

  let y = colors.sort();

• let color = [“ແດງ”, “ຟ້າ”, “ເຫຼືອງ”];

  let y = color.srot();

• let colors = [“ແດງ”, “ຟ້າ”, “ເຫຼືອງ”];

  let y = color.sort();

• let color = [“ແດງ”, “ຟ້າ”, “ເຫຼືອງ”];

  let y = color.sort();

ການເພີ່ມສະມາຊິກ Array

color.push("ສີເທົາ");

Multiple Select

ໃຫ້ນັກສຶກສາເພີ່ມໝາກໄມ້ອິກ 1 ຊະນິດ ໃນອາເຣ fruits ທີ່ສ້າງໄວ້ໃນ workshop ເກົ່າ

• ເພີ່ມ "ໝາກພ້າວ" ໃນອາເຣ fruits

• ສະແດງຜົນ ອາເຣ fruits ອອກມາ

• ສຳເລັດ 1 ຄະແນນ / 5 ນາທີ

ການເຂົ້າເຖິງສະມາຊິກດ້ວຍ For Loop

ຕົວຢ່າງການໃຊ້ for loop

Multiple Select

ຈົ່ງສ້າງ ອາເຣ cars ແລ້ວເກັບສະມາຊິກຊື່ຍີຫໍ້ລົດທີ່ນັກສຶກສາມັກ

• ສ້າງ file .js ໃໝ່

• ສ້າງ ອາເຣ Cars ພ້ອມໃສ່ສະມາຊິກໃນອາເຣ

• ໃສ່ຄຳສັ່ງ For loop ຖືກຕ້ອງ

• ສະແດງຜົນໄດ້

• ສຳເລັດ 2 ຄະແນນ / 5 ນາທີ

ເຂົ້າເຖິງສະມາຊິກດ້ວຍ ForEach

ຮູບແບບ

Multiple Select

ຈົ່ງສ້າງ ອາເຣ computer ແລ້ວເກັບສະມາຊິກຊື່ຍີຫໍ້ຄອມພີວເຕີທີ່ນັກສຶກສາມັກ

• ສ້າງ file .js ໃໝ່

• ສ້າງ ອາເຣ computer ພ້ອມໃສ່ສະມາຊິກໃນອາເຣ

• ໃສ່ຄຳສັ່ງ forEach ຖືກຕ້ອງ

• ສະແດງຜົນໄດ້

• ສຳເລັດ 2 ຄະແນນ / 5 ນາທີ

ການແປງ Array ເປັນ String

• ແບບທີ່1 .toString() //ແປງເປັນ String 

• ແບບທີ່2 .join(" * "); // ນໍາຄ່າແຕ່ລະຄ່າໃນຕົວປ່ຽນ arrayມາລວມກັນເປັນຂໍ້ຄວາມ ແລະ ສົ່ງຄ່າກັບເປັນຂໍ້ຄວາມທີ່ມີຕົວຄັ່ນຄ່າຕົວປ່ຽນແຕ່ລະຄ່າຕາມທີ່ກໍານົດ 

ການລົບສະມາຊິກອາເຣ

.pop(); // ເອົາຕົວສຸດທ້າຍອອກ 

ຕົວຢ່າງ: let x = color.pop(); //ເອົາຕົວທ້າຍອອກແລ້ວເກັບໃນຕົວປ່ຽນ x

Multiple Select

ຈົ່ງສ້າງ colors =["ແດງ","ຂາວ","ຟ້າ","ເຫຼືອງ"];

• ສະແດງຜົນກ່ອນການເພີ່ມ

• ເພີ່ມສະມາຊິກໃໝ່

• ສະແດງຜົນຫຼັງເພີ່ມ

• ສຳເລັດ 1 ຄະແນນ / 3 ນາທີ

ການລົບ ແລະ ເພີ່ມສະມາຊິກ Array

• .unshift(); // ເພີ່ມຕົວທຳອິດ

• .push(); // ເພີ່ມຕົວສຸດທ້າຍ

• .shift(); // ລົບຕົວທຳອິດອອກ 

• .pop(); // ລົບຕົວສຸດທ້າຍອອກ

• .splice(); // ເພີ່ມ ຫຼື ລົບຕາມຕຳແໜ່ງທີ່ຕ້ອງການ

ການລົບ ແລະ ເພີ່ມສະມາຊິກ Array

Splice(ຕຳແໜ່ງ,ຈຳນວນທີ່ຈະລົບ,ຂໍ້ມູນທີ່ຈະເພີ່ມ)

ການລວມ Array

ຮູບແບບ

Multiple Select

ຈົ່ງສ້າງຈົ່ງລວມອາເຣດັ່ງລູ່ມນີ້:

• ສ້າງອາເຣ colors =["ແດງ","ຂາວ","ຟ້າ","ເຫຼືອງ"];

• fruits = [“ໝາກກ້ຽງ", “ແຕ່ງໂມ"];

• let vegetables = [“ຜັກກາດ", "ຜັກຊີ", "ຜັກສະລັດ"];

• ທຳການລວມອາເຣ

• ສຳເລັດ 1 ຄະແນນ / 10 ນາທີ

ການລຽງລຳດັບ Array

● let fruits = [“ໝາກກ້ຽງ", “ແຕ່ງໂມ"];

● fruits.sort();

● fruits.reverse();

ລຽງລໍາດັບໃນ Array ແບບຕົວເລກ (ນ້ອຍໄປຫຼາຍ)

let points = [20, 100, -100, 5, -25, 10];

points.sort(function(a, b){

return a - b

});

a ຄື​ ຄ່າ​ຕົວ​ເລກ​ທີ່​ມີ​ຄ່າລົ​ບ​ຈະ​ຖືກ​ລຽງ​ກ່ອນ​

b ຄື​ ຄ່າ​ຕົວ​ເລກ​ທີ່​ມີ​ຄ່າບ​ວກ​ຈະ​ຖືກ​ລຽງ​ພາຍ​ຫລັງ​

ຈົ່ງລຽງລຳດັບອາເຣຕໍ່ໄປນີ້ ນ້ອຍ ຫາ ໃຫຍ່

let points =[20,-5,-2,40,100,-500,150];

console.log(points);

// ນ້ອຍໄປຫາຫຼາຍ

points.sort(function(a,b){

    return a-b;

});

console.log(points);

ລຽງລໍາດັບໃນ Array ແບບຕົວເລກ (ຫຼາຍໄປນ້ອຍ)

let points = [20, 100, -100, 5, -25, 10];

points.sort(function(a, b){

return b – a

});

b ຄື​ ຄ່າ​ຕົວ​ເລກ​ທີ່​ມີ​ຄ່າບ​ວກ​ຈະ​ຖືກ​ລຽງ​ພາຍ​ຫລັງ​

a ຄື​ ຄ່າ​ຕົວ​ເລກ​ທີ່​ມີ​ຄ່າລົ​ບ​ຈະ​ຖືກ​ລຽງ​ກ່ອນ​ 

ຈົ່ງລຽງລຳດັບອາເຣຕໍ່ໄປນີ້ ໃຫຍ່ ຫາ ນ້ອຍ

let points =[20,-5,-2,40,100,-500,150];

console.log(points);

//ຫຼາຍ ໄປຫາ ນ້ອຍ

points.sort(function(a,b){

    return b-a;

});

console.log(points);