[Day24] Array methods 阵列操作方法(2)

一秒进入主题,今天继续实作练习 Array methods。

filter()

顾名思义滤掉某个数,然後印出阵列结果;例如我们不要 43 设 !=43,新的阵列即排除43;或者阵列里数字不大於 43 那就会列出小於 43 的数字,可以观察到 length 的改变。

const numarr = [16, 7, 41, 43, 75, 91, 28, 39, 85, 14, 3, 43];
numarr.filter(a => a != 43);
// [16, 7, 41, 75, 91, 28, 39, 85, 14, 3]
numarr.filter(a => a < 43)
// [16, 7, 41, 28, 39, 14, 3]

以下是一些判断後回传布林值的方法

every()

将阵列里每一个元素带入函式内判断,全部符合的话会回传布林值 true,只要有一个不符合,即回传 false。

const numarr1 = [16, 7, 41, 43, 75, 91, 28, 39, 85, 14, 3, 43];
numarr1.every((b) => b < 2); // false
numarr1.every((b) => b > 2); // true

some()

将阵列里每一个元素带入函式内判断,可以想成与 every() 相反,some() 只要有一个符合,即回传 true,都不符合会回传 false。

const numarr2 = [16, 7, 41, 43, 75, 91, 28, 39, 85, 14, 3, 43];
numarr2.some((b) => b > 100); // false,全部都不大於 100
numarr2.some((b) => b < 31); //  true,部分小於 31

includes()

判断阵列里是否包含某个值,有两个参数第一个是值,第二个是索引值,符合的话回传 true 否则回传 false。

const numarr3 = [62, 19, 24, 63, 35, 17];
numarr3.includes(63); // true
numarr3.includes(63, 5); // false,从索引值 5 开始判断

Array.isArray()

可判断该变数是否为阵列。

const x = { name: "Rex", age: 25 };
const y = 5566;
const z = ["Rex", 25, 55, 66];
Array.isArray(x); // false,是 object
Array.isArray(y); // false,是 number
Array.isArray(z); // true

参考资料

Array-MDN
JavaScript Array 阵列操作方法大全 ( 含 ES6 )-OOXX


<<:  Day#24 寻找其他使用者(1)

>>:  Day24-Vuex核心概念与结构(part2)

Day 11 AWS云端实作起手式第一弹 开始拼拼图吧

走了1/3天的服务介绍,现在让我们尝试把各项服务串起来看看吧! 接下来几天,我们会透过AWS云端服务...

成为工具人应有的工具包-03 CredentialsFileView

CredentialsFileView 今天就来认识 CredentialsFileView 这个工...

【在 iOS 开发路上的大小事-Day11】透过 CocoaPods 来管理第三方套件

前情提要 一般在开发的时候,有些功能可能自己写不出来,但是网路上已经有别人写好的,那我们只需要将其引...

Day -11 字典

字典是Python内建的资料类型之一,值(key:value)来进行存取,定义key与value之间...

DAY16 服务室--JSON Server RESTful API简单用

RESTful API操作资料的几种方法 我们先使用前天的假资料如下: { "posts&...