[ Day 4 ] - 阵列基本介绍

阵列的基本介绍

简单来说是存放一组资料集

阵列

  • 会使用 [ ] 前後包住资料集
  • 下面的范例意思是 drinks 中有 coffee、tea、juice 三种值
let drinks = ['coffee','tea','juice'];
  • 阵列中也可以放数字资料
let price = [10,20,30,40];

如何读取阵列中的资料

直接以范例说明
要读取 drinks 的第一个元素的资料,则写法是 drinks[0]
因为阵列是从 0 开始,取得时写法为 drinks[0]

let drinks = ['coffee','tea','juice'];
console.log(drinks[0]); // 结果为 coffee
console.log(drinks[1]); // 结果为 tea

读取阵列长度

let drinks = ['coffee','tea','juice'];
console.log(drinks.length); // 结果为 3
  • 也可以将读取的长度重新赋予至一个新的变数上
let drinks = ['coffee','tea','juice'];
let drinkNum = drinks.length;
console.log(drinkNum); // 结果为 3

阵列中写入资料

  • 可以先宣告一个空阵列,再指定资料
let drinks = [];
drinks[0] = 'tea';
  • 也可以跳着新增,阵列中跳过的元素会被保留,资料内容为空
let drinks = [];
drinks[0] = 'tea';
drinks[2] = 'coffee';
  • 使用 push 写入资料
    指定的资料会直接放入阵列中的最後一个元素,写法如下
let drinks = ['tea','coffee','juice'];
drinks.push('milk');
  • 使用 unshift 写入资料
    指定的资料会直接放入阵列中目前的第一个元素前面
let drinks = ['tea','coffee','juice'];
drinks.unshift('milk');
console.log(drinks); // 结果为 ['milk','tea','coffee','juice']

阵列中删除资料

  • 使用 pop,删除阵列中的最後一个元素
let drinks = ['tea','coffee','juice'];
drinks.pop();
console.log(drinks); // 结果为 ['tea','coffee']
  • 使用 shift,删除阵列中的第一个元素
let drinks = ['tea','coffee','juice'];
drinks.shift();
console.log(drinks); // 结果为 ['coffee','juice']
  • 使用 splice 删除指定的资料
let drinks = ['tea','coffee','juice','milk'];
drinks.splice(1,2); // 从第 1 个位置开始删除 2 笔资料
console.log(drinks); // 结果为 ['tea','milk']

後记

本篇是阵列的基本用法,对於资料的新增、修改、删除
今天是 Day 4 ,继续加油!
这是我的学习纪录,也欢迎各路大神指点指教!
我们下回见~


<<:  Day4 技术与人力资源的管理,外包的抉择

>>:  [Day4] 预设范例帐户:OE

#18 No-code 之旅 — 读取资料库来实作部落格 ft. Notion SDK

嗨大家~ 像昨天文章里提的,这专案会采用 Notion 来当 CMS (包含资料库),意思是部落格文...

【Day 20】- 让 Selenium 去 Dcard 上自动向下卷动 (实战 Selenium 模拟使用者划手机 2/2)

前情提要 前一篇实作了 Selenium 爬取 Dcard 文章的爬虫,可以看到会出现一个浏览器视窗...

Day22:终於要进去新手村了-Javascript-函式-概念

这篇我会记录看教学影片所笔记的一些内容,用来帮助理解函式的一些观念。 函式是属於一种资料形式,所以可...

@Day14 | C# WixToolset + WPF 帅到不行的安装包 [Windows菜单捷径]

在 昨天很多的教学後, 这次来个雷同的WindowsMenum的建立,直接上程序码吧! <!-...

第 25 集:Bootstrap 客制化 RFS 响应式文字

此篇会介绍 Bootstrap 中的 rfs,是如何做到依据视窗大小,来计算适合的元素尺寸。 浅谈...