JavaScript Array | 与其他程序语言很不同的阵列(下)

今天接续昨天的Array方法
那我们开始吧!!

splice()

可以新增删减阵列项目,也能指定位置与数量,并回传一个包含被删除元素的阵列
语法:

arrayName.splice(start[, deleteCount[, item1[, item2[, ...]]]])

  • 第一个参数star 是起始index (如果是负的就会由末端往前进行)
  • 第二个参数deleteCount 是你要删除几个(如果省略就会全部删除,如果是0就是不删)
    EX
//这会全部删掉
var zoo=['tiger','lion','fish','monkey','cow'];
console.log(zoo.splice(0))//['tiger','lion','fish','monkey','cow']
console.log(zoo);//[]
  • 第三个参数以後就是你要增加的项目
    EX1:现在我要从索引 3 的位置开始,删除 0 个元素并插入'pig'
var zoo=['tiger','lion','fish','monkey','cow'];
zoo.splice(3,0,'pig');//注意,起始的index是3
console.log(zoo);//["tiger", "lion", "fish", "pig", "monkey", "cow"]

EX2:现在我要从索引 -5的位置开始(从右边数来第五个),删除 2 个元素并插入'bear','chicken'

var zoo=['tiger','lion','fish','monkey','cow'];
zoo.splice(-5,2,'bear','chicken')
console.log(zoo);//["bear", "chicken", "fish", "monkey", "cow"]

你会发现tiger 与 lion被删掉了,bear 与 chicken被插入

indexOf

取得阵列某物件的index(索引)
语法:

arrayName.indexOf(item)

EX:找cow的index

var zoo=['tiger','lion','fish','monkey','cow'];
console.log(zoo.indexOf('cow'));//4

forEach

阵列的迭带,很像for loop的功能
里面function的

  • 第一个参数item指的是当下正遍历的阵列中的项目
  • 第二个参数index指的是当下正遍历的项目的索引
  • 第二个参数array指的是正在遍历的阵列

EX:

var zoo=['tiger','lion','fish','monkey','cow'];
zoo.forEach(function(item, index, array) {
  console.log(item, index);
});
//tiger 0
//lion 1
//fish 2
//monkey 3
//cow 4

参见:
MDN Array


<<:  学习Python纪录Day16 - 使用Matplotlib绘制图表

>>:  [Day 26] 实作 Ktor Session Authentication with Redis

Day26-玩弄一下IBDesignable与IBInspectable来方便设置渐层功能

想要玩弄这两个attribute,就得对他们有所了解,否则玩得不尽兴,因为很有可能你设置了这两个属性...

【Day 19】JavaScript 宣告和变数

何谓JavaScript? 根据MND定义,JavaScript 是一种脚本,也能称它为程序语言,可...

[Day26] String methods 字串操作方法(1)

今天来了解字串的操作方法有哪些,至少读过或操作一次,或许未来有哪些情境可以用到。 charAt() ...

Day 23 ATT&CK for ICS - Lateral Movement(1)

横向移动 攻击者尝试从进入工控网路的其中一个设备,横向移动到另外一台设备中。 T0812 Defau...

Day 1 - ASP.NET Web Forms 入门 - 30天建立游艇网页专案後端及後台功能 C# - 文章主题说明

=x= 🌵 游艇网页专案内容及文章主题说明。 文章主题简介 游艇网页内容 👀 网页备份页面参考如下 ...