使用 startsWith() 判斷是否以特定 String 開始

實務上常須判斷 String 是否以特定 String 開始，這種常見的需求，該如何實現呢 ?

Version

macOS Mojave 10.14.5

VS Code 1.35.1

Quokka 1.0.233

Ramda 0.26.1

ECMAScript 5

let data = 'FP in JavaScript';

// startWith :: String -> String -> Boolean
let startsWith = search => str => str.substring(0, search.length) === search;

startsWith('FP')(data); // ?

最直覺的方式是透過內建的 String.prototype.substring() 取得部分 string 比較。

let data = 'FP in JavaScript';

// startWith :: String -> String -> Boolean
let startsWith = search => str => str.slice(0, search.length) === search;

startsWith('FP')(data); // ?

也可以透過 String.prototype.slice() 回傳部分 string 比較。

Regular Expression

let data = 'FP in JavaScript';

// startWith :: String -> String -> Boolean
let startsWith = search => str => new RegExp(`^${search}`).test(str);

startsWith('FP')(data); // ?

當然也可以透過 RegExp 。

ECMAScript 2015

let data = 'FP in JavaScript';

// startWith :: String -> String -> Boolean
let startsWith = search => str => str.startsWith(search);

startsWith('FP')(data); // ?

ES6 新增了 String.prototype.startsWith() ，可直接進行比較，語意更佳。

Ramda

import { startsWith } from 'ramda';

let data = 'FP in JavaScript';

startsWith('FP')(data); // ?

事實上 Ramda 已經內建 startsWith() ，可直接使用。

String ：要判斷的特定 string

String ：data 為 string

Boolean ：回傳判斷結果

Array

import { startsWith } from 'ramda';

let data = [1, 2, 3];

startsWith([1, 2])(data); // ?

startsWith() 不只能用在 string，也能用在 array。

Object

import { startsWith } from 'ramda';

let data = [
  { title: 'FP in JavaScript', price: 300 },
  { title: 'RxJS in Action', price: 400 },
  { title: 'Speaking JavaScript', price: 200 }
];

let searchArr = [
  { title: 'FP in JavaScript', price: 300 },
  { title: 'RxJS in Action', price: 400 },
];

startsWith(searchArr)(data); // ?

startsWith() 也能用在 object。

Conclusion

• startsWith() 大都用在 string，雖然也能用在 array
• ES6 的 startsWith() 與 Ramda 的 startsWith() 功能相同，只是 ES6 為 OOP 風格，而 Ramda 為 FP 風格

Reference

Samantha Ming , String startsWith() Method in JavaScript

MDN , String.prototype.substring()

MDN , String.prototype.slice()

MDN , String.prototype.startsWith()

Ramda , startsWith()