iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 17
1
Modern Web

陣列大亂鬥系列 第 17

Day 15:Are There Something Needed?

  • 分享至 

  • xImage
  •  

前言

準備開始進入今天的主題。

今天的內容是「找資料」,一定會有人說:「我們不是已經找過兩天的資料了嗎?怎麼還要找?」

因為重點不一樣啊,前兩天的重點在:那個東西在哪裡;接下來的重點會在:它到底有沒有。

所以緊接著,我們就看下去吧!!


some()

如同前言中所說,some() 這個方法的用途,就是去查找陣列中有沒有符合我們指定的資料內容,之後回傳 boolean 值。

它的承接參數是一個 callback function。

callback function 最多可以接三個參數,內容與之前所說的 forEach() 相同,分別是:值、索引、陣列:

// javascript

const ary = [1, 2, 3, 4, 5]

ary.some((a, b, c) => {
    console.log(`a: ${a}`)
    console.log(`b: ${b}`)
    console.log(`c: ${c}`)
})

// > a: 1
// > b: 0
// > c: 1,2,3,4,5
// > a: 2
// > b: 1
// > c: 1,2,3,4,5
// > a: 3
// > b: 2
// > c: 1,2,3,4,5
// > a: 4
// > b: 3
// > c: 1,2,3,4,5
// > a: 5
// > b: 4
// > c: 1,2,3,4,5

使用方式就是,在 callback function 中 return 要查找的值 / 內容。

這個方法可以把它想像成是由一堆 || / OR 組合而成的,所以只要有一個符合條件,就會回傳 true:

// javascript

const ary = [1, 2, 3, 4]

const resultA = ary.some((item) => {
    return item === 2
})
console.log(resultA)
// > true




const bry = [1, 2, 3, 4]

const resultB = bry.some((item) => {
    return item === "2"
})
console.log(resultB)
// > false

再加上,因為是接 callback function 所以是可以丟判斷 / 運算進去的:

// javascript

const ary = [1, -1, 2, -2, 3, -3, 4, -4] 

const resultA = ary.some((item, i) => Math.abs(item) > 3)
console.log(resultA)
// > true





const bry = [1, 2, 3, 4, 5]

const resultB = bry.some((item) => {
    return item > 5
})
console.log(resultB)
// > false

如果給予空陣列的話,強制返回 false:

// javascript

const ary = []

const result = ary.some((item) => item)
console.log(result)

// > false

in_array()

in_array() 就如同它的名稱一樣,它的用途是查找陣列中是否有指定的內容,回傳 boolean 值 (或相等內容)。
在查找資料部分,只能接純值 (不含 key 值),且不能接運算式 / 判斷式:

// php

<?
    $ary = array(1, 2, 3, 4, 5);

    echo (in_array(2, $ary));
    // > 1 (true)


    echo (in_array(10, $ary));
    // > NULL (false)
?>

非嚴格模式下是相等 (會轉型);嚴格模式下需要全等:

// php

<?
    $ary = [1, 2, 3, 4, 5];

    // 非嚴格
    echo in_array('3', $ary);
    // > 1 (true)



    // 嚴格
    echo in_array('3', $ary, true);
    // > NULL (false)
?>

如果資料是文字型別,大小寫視為相異:

// php

<?
    $ary = ['A', 'b', 'C', 'c', 'D', ];

    echo in_array('a', $ary);
    // > NULL (無資料)

    echo in_array('D', $ary);
    // > 1 (true)
?>

如果給予空陣列的話,會強制返回 falsy value:

// php

<?
    $ary = [];

    echo in_array('', $ary);
    // > NULL (無資料)
?>

比較

標題\分類 JS: some() PHP: in_array()
對象 array array
承接參數 callback function 純值
選用參數 -- 嚴格模式
特性 -- 預設相等,嚴格模式下全等
回傳 boolean boolean

參考資料

以上內容將會不同步發佈在 blogger 中:第 11 屆鐵人賽系列文


大手夥伴們的專欄

歡迎大家也去訂閱一波~~

CSScoke - 金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎
King Tzeng - IoT沒那麼難!新手用JavaScript入門做自己的玩具~
阿斬 - Python 程式交易 30 天新手入門
Clarence - LINE bot 好好玩 30 天玩轉 LINE API
塔塔默 - 用Python開發的網頁不能放到Github上?Lektor說可以!!
Vita Ora - 好 Js 不學嗎 !? JavaScript 入門中的入門。


上一篇
Day 14:No More Reason, Just All Result
下一篇
Day 15.5:Go To Check Everything
系列文
陣列大亂鬥30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言