跳到內容

JavaScript/陣列/練習

來自華夏公益教科書,開放的書籍,為了一個開放的世界

主題:陣列

1. 以下指令碼的輸出是什麼?

"use strict";

const x = [];
x[1] = 5;
console.log(x);

x[2] = [, , 42];
console.log(x);
點選檢視解決方案
[undefined, 5]
[undefined, 5, [undefined, undefined, 42]]



2. 新增元素

  • 建立一個包含所有小於 10 的奇數的陣列。
  • 使用 alert 命令顯示陣列。
  • 顯示陣列包含多少個元素。
  • 在陣列末尾新增 2、4、6、8 並再次顯示它。
  • 在陣列的第 20 個元素中插入值 20,並再次顯示陣列。
點選檢視解決方案
"use strict";

// literal notation
const arr = [1, 3, 5, 7, 9];
alert(arr);  // or: console.log(arr);

alert("The array contains " + arr.length + " elements.");

// add elements
arr.push(2, 4, 6, 8);
alert(arr);

// one certain element
arr[19] = 20;    // 19!
alert(arr);
alert("The array now contains " + arr.length + " elements.");



3. 刪除元素

  • 建立一個包含從 1 到 6 的所有數字的陣列。
  • 使用 alert 命令顯示陣列。
  • 刪除第一個和最後一個元素,並顯示結果陣列。
點選檢視解決方案
"use strict";
const arr = [1, 2, 3, 4, 5, 6];
alert(arr);  // or: console.log(arr);

// remove elements
const first = arr.shift();
alert("Removed the first element: " + first);
alert(arr);

const last = arr.pop();
alert("Removed the last element: " + last);
alert(arr);



4. 合併元素

  • 建立一個空陣列。
  • 使用 push 方法將 0、1、2 新增到陣列中,並顯示陣列。
  • 使用 join 方法從陣列中建立字串 "0 + 1 + 2",並顯示字串。
點選檢視解決方案
"use strict";

const arr = [];
arr.push(0);
arr.push(1);
arr.push(2);
alert(arr);

const str = arr.join(" + ");
alert(str);
華夏公益教科書