[Day 8]从零开始学习 JS 的连续-30 Days---阵列

宣告变数的资料型别--阵列

1.数值( Number )
2.字串( String )
3.布林值( Boolean )
4.未设定值( Undefind )
5.无值( Null )
6.阵列( Array )
7.物件( Object )

阵列( Array )

  1. 阵列就是相同型态的多个元素集合於一个变数内。
  2. 宣告阵列要再赋予元素的前後加中括号[]。
  3. 可以读取阵列长度(资料笔数)
  4. 新增元素资料,方法有三种。


如上图所示宣告阵列方式,与查询阵列长度使用(length)


如上图所示新增方法:
1.变数名称+[新增资料的排序]= 新增的资料(元素)。
2.中括号[ ]内的数字,0为第一笔资料,1为第二笔资料,以此类推。
3.新增的语法为: 变数名称+ .push+( 新增的资料 )。
4.使用语法新增会自动将资料加在最後一笔,不需自行计算资料笔数。


如上图所示新增方法:
1.新增的语法为: 变数名称+ .unshift+( 新增的资料 )。
2.使用语法新增会自动将资料加在第一笔

  1. 删除元素资料,方法有种三。


如图所示删除方式一:
1.删除的语法为: 变数名称+ .pop+( )。
2.会删除最後一笔资料。


如图所示删除方式二:
1.删除的语法为: 变数名称+ .shift+( )。
2.会删除第一笔资料。


如图所示删除方式三:
1.删除的语法为: 变数名称+ .splice+( 删除的位置起点 , 往後删除的数量包含本身 )
2.会删除指定资料及数量。

今天阵列的基本观念就到这边结束了。


<<:  【Day8】EditProfileFragment X Storage上传照片

>>:  Day 06 - Function

Day25 :【TypeScript 学起来】Class 的继承、修饰符、abstract、static

今天继续笔记class,剩最後5天了! 若有错误,欢迎留言指教,感恩的心。 extends 继承 ...

Day_03 : 让 Vite 来开启你的Vue 微谈模组化与演进(下)

Hi Da Gei Ho~ 我是 Winnie , 今天来到了第三天 前情提要: 在昨天的文章中,我...

回顾

人的科技文明发展始终来自於人性 在这短短的一个月之中,说长也不到很长,经历了许许多的文章发文,这一些...

[Python 爬虫这样学,一定是大拇指拉!] DAY09 - TCP / UDP

本篇将简单介绍 TCP 与 UDP,藉由介绍两者的差异,来解释为何 TCP 为什麽会比较耗时间,然而...

那些被忽略但很好用的 Web API / MutationObserver

我的改变,你看得见! 在开发网页过程中,我们最常做的事情就是对资料进行修改後运用在 DOM 元素上...