如果提供的函数对数组的所有元素返回 true
,则返回 true
,否则返回 false
。
实现思路如下:
使用数组的filter
方法对数组执行给定的函数,然后使用count
方法获取执行后的结果,再和count
方法获取未执行filter
方法的结果进行比较。
下面我们来看php和js以及ts代码的实现:
function all($arr,$fn){
return count(array_filter($arr,$fn)) === count($arr);
}
all([2, 3, 4, 5], function ($item) {
return $item > 1;
}); // true
const all = (arr,fn) => arr.filter(fn).length === arr.length;
const all = <T,U>(arr:T[], fn: (value: T, index: number, array: T[]) => U) => arr.filter(fn).length === arr.length;
all([2,3,4,5],n => n > 1); // true
与js/ts实现不同点如下:
count
方法来获取数组的长度,而js/ts则可以直接通过length
来获取数组的长度。filter
方法名叫array_filter
,而js/ts则是叫filter
。如果提供的函数对数组的至少一个元素返回 true
,则返回 true
,否则返回 false
。
实现思路和前面的all
函数很相似,只不过这里不需要做比较,只需要判断长度大于0即可。
下面我们来看php和js以及ts代码的实现:
function any($arr,$fn){
return count(array_filter($arr,$fn)) > 0;
}
any([2, 3, 4, 5], function ($item) {
return $item < 3;
}); // true
const any = (arr,fn) => arr.filter(fn).length > 0;
const any = <T,U>(arr:T[], fn: (value: T, index: number, array: T[]) => U) => arr.filter(fn).length > 0;
any([2,3,4,5],n => n < 3); // true
与all的总结一致。
检查两个数字是否大致相等。
实现思路如下:
该函数有3个参数,通过abs
方法计算前面2个参数的绝对差值,然后与第三个参数进行比较,判断是否小于第三个参数,第三个参数默认值是0.001。
下面我们来看php和js以及ts代码的实现:
function apprEqual($a,$b,$c = 0.001){
return abs($a - $b) < $c;
}
apprEqual(10.0, 10.00001); // true
apprEqual(10.0, 10.01); // false
const apprEqual = (a,b,c = 0.001) => Math.abs(a - b) < c;
const apprEqual = (a: number,b:number,c = 0.001) => Math.abs(a - b) < c;
apprEqual(10.0, 10.00001); // true
apprEqual(10.0, 10.01); // false
与js/ts实现不同点如下:
abs
,而js/ts则是从Math
对象中获取,即Math.abs
。返回两个或多个数字的平均值。
实现思路如下:
使用sum
函数求和,然后除以长度count
即可,参数可以使用展开运算符来组成一个数组,注意需要写一个三元表达式,判断长度是否为0。
下面我们来看php和js以及ts代码的实现:
function average(...$arr){
$len = count($arr);
return $len === 0 ? 0 : array_sum($arr) / $len;
}
average(1, 2, 3); // 2
const average = (...arr) => {
const len = arr.length;
return len === 0 ? 0 : arr.reduce((r,i) => r += i,0) / len;
}
const average = (...arr: number[]):number => {
const len = arr.length;
return len === 0 ? 0 : arr.reduce((r,i) => r += i,0) / len;
}
average(1, 2, 3); // 2
与js/ts实现不同点如下:
array_sum
方法求数字数组的和,js/ts需要循环自己计算(或者自己实现一个sum
方法)。将数值限制在边界值 a
和 b
指定的包含范围内。
实现思路如下:
如果该数值在范围内,则返回该数值,否则,使用最小值方法和最大值方法返回范围内最接近的数字。
下面我们来看php和js以及ts代码的实现:
function clampNumber($num,$a,$b){
return max(min($num,max($a,$b)),min($a,$b));
}
clampNumber(2, 3, 5); // 3
clampNumber(1, -1, -5); // -1
const clampNumber = (num,a,b) => {
const max = Math.max,min = Math.min;
return max(min(num,max(a,b)),min(a,b));
}
const clampNumber = (num:number,a:number,b:number) => {
const max = Math.max,min = Math.min;
return max(min(num,max(a,b)),min(a,b));
}
clampNumber(2, 3, 5); // 3
clampNumber(1, -1, -5); // -1
与js/ts实现不同点如下:
min
和max
,而js/ts则是从Math
对象中获取,即Math.min
和Math.max
。返回一个将多个函数组合成单个可调用函数的新函数。
实现思路如下:
使用 array_reduce()
执行从右到左的函数组合。该函数接收3个参数,第一个参数为函数列表,第二个参数是一个回调函数用来合并数组中的每一个函数,第三个参数是函数的初始值,即$function($x){ return $x; }
,默认是一个恒等函数,也就是一个返回其输入参数本身的函数。
下面我们来看php和js以及ts代码的实现:
function compose(...$fns){
return array_reduce(
$fns,
function ($carry,$fn){
// 使用 use语句导入闭包中的变量$carry,$fn
return function($x) use ($carry,$fn){
return $carry($fn($x));
}
},
$function($x){
return $x;
}
)
}
$compose = compose(
// 加2
function ($x) {
return $x + 2;
},
// 乘以4
function ($x) {
return $x * 4;
}
);
$compose(3); // 20
const compose = (...fns) => fns.reduce((f,h) => (...args) => f(h(...args)));
type ComposeFn<T extends any> = (...args: T[]) => T;
const compose = <T,U extends ComposeFn<T>[]>(...fns: U) =>
fns.reduce(
(f, h) =>
(...args: Parameters<ComposeFn<T>>) => f(h(...args))
);
const add5 = x => x + 5;
const multiply = (x, y) => x * y;
const multiplyAndAdd5 = compose(add5, multiply);
const res = multiplyAndAdd5(5, 2); // 15
与js/ts实现不同点如下:
use
语句来导入闭包中的变量,而js/ts则不需要。array_reduce
方法来遍历函数数组,并且需要提供一个恒等函数作为第三个参数的初始值,而js/ts直接调用数组的reduce
方法来遍历函数数组,并且不需要提供第三个作为初始值的参数。返回所提供字符串中的元音字母数量。
实现思路如下:
使用正则表达式来匹配元音字母,元音字母包含a、e、i、o、u等字母。调用php的preg_match_all
方法来匹配,然后使用count
方法计算返回值的长度,即为元音字母的数量。
下面我们来看php和js以及ts代码的实现:
function countVowels($str){
preg_match_all('/[aeiou]/i',$str,$matches);
// $matches为匹配结果
return count($matches[0]);
}
countVowels('sampleInput'); // 4
const countVowels = (str) => [...str.matchAll(/[aeiou]/ig)].length;
const countVowels = (str: string) => [...str.matchAll(/[aeiou]/ig)].length;
countVowels('sampleInput'); // 4
与js/ts实现不同点如下:
preg_match_all
方法来匹配字符串所有符合条件的字符,而js/ts则使用String.matchAll
方法。matchAll
方法时需要提供一个g修饰符,表示用来匹配全局,php则不需要。matchAll
方法返回的是一个迭代器,需要使用展开运算符转换成数组,然后再计算长度。count
方法来获取数组的长度,而js/ts可以直接通过length
属性来获取。对函数进行柯里化,以便在多次调用中获取参数。
实现思路如下:
curry
接收一个函数参数,返回执行的累积器$acc
。&
操作符引用累积器,使用use
语句导入函数和累积器。array_merge
方法合并所有参数。ReflectionFunction
获取函数所需参数数量,然后调用getNumberOfRequiredParameters
方法获取必需参数的数量。下面我们来看php和js以及ts代码的实现:
function curry($fn){
$acc = function ($arg) use ($fn,&$acc){
return function (...$args) use($fn,$arg,$acc){
// 合并参数
$arg = array_merge($args);
// 创建一个反射
$ref = new ReflectionFunction($fn);
// 通过反射获取必需参数
$totalArgs = $ref -> getNumberOfRequiredParameters();
if($totalArgs <= count($arg)){
return $fn(...$arg);
}
return $acc($arg);
}
}
return $acc([]);
}
$curriedAdd = curry(function ($a, $b) { return $a + $b; });
$add10 = $curriedAdd(10);
var_dump($add10(15)); // 25
const curry = fn => (...args) => args.length >= fn.length ? fn(...args) : (...nArgs) => curry(fn)(...args,...nArgs);
const curry =
<T, R, F extends (...args: T[]) => R>(fn: F) =>
(...args: T[]) =>
args.length >= fn.length
? fn(...args)
: (...nArgs: T[]) => curry(fn as (...args: unknown[]) => unknown)(...args, ...nArgs);
const curriedAdd = curry((a,b) => a + b);
const add10 = curriedAdd(10);
const res = add10(15); // 25
与js/ts实现不同点如下:
array_merge
方法来合并参数,而js/ts则不需要。ps: 两者的实现都采用了递归的方式,这点需要注意。
取消字符串首字母的大写。
实现思路如下:
调用lcfirst
方法可以直接将字符串大写首字母转换成小写,根据第二个参数$upperRest
来决定是否将其余字母转换成大写,使用strtoupper
方法即可。
下面我们来看php和js以及ts代码的实现:
function decapitalize($str,$upperRest = false){
return lcfirst($upperRest ? strtoupper($str) : $str);
}
decapitalize('FooBar'); // 'fooBar'
const decapitalize = (str, upperRest = false) => str.slice(0,1).toLowerCase() + `${upperRest ? str.slice(1).toUpperCase() : str.slice(1)}`;
const decapitalize = (str: string, upperRest = false) => str.slice(0,1).toLowerCase() + `${upperRest ? str.slice(1).toUpperCase() : str.slice(1)}`;
decapitalize('FooBar'); // 'fooBar'
与js/ts实现不同点如下:
slice
(或其它字符串的截取方法,例如:substr
)方法来截取字符串,然后拼接在一起。strtoupper
,而js/ts则是通过调用String.toUpperCase
方法来转换成大写。深度展平数组,直接将多维数组转成一维数组。
实现思路如下:
使用foreach
循环数组,如果数组项是数组(使用is_array
方法来判断),则使用递归加array_push
和空数组以及展开运算符来合并数组,否则直接使用[]
语法来添加数组项(相当于array_push
方法)。
下面我们来看php和js以及ts代码的实现:
function deepFlatten($items){
$res = [];
foreach($item as $items){
if(is_array($item)){
array_push($res,...deepFlatten($item));
}else{
$res[] = $item;
}
}
return $res;
}
deepFlatten([1, [2], [[3], 4], 5]); // [1, 2, 3, 4, 5]
const deepFlatten = (items) => {
let res = [];
for(const item of items){
if(Array.isArray(item) && item.length > 0){
res.push(...deepFlatten(item))
}else{
res.push(item)
}
}
return res;
}
const deepFlatten = <T>(items: T[]) => {
let res: T[] = [];
for (const item of items) {
if (Array.isArray(item) && item.length > 0) {
res.push(...deepFlatten(item));
} else {
res.push(item);
}
}
return res;
};
deepFlatten([1, [2], [[3], 4], 5]); // [1, 2, 3, 4, 5]
与js/ts实现不同点如下:
array_push
方法来往数组末尾添加元素,而js/ts则是直接使用push
方法。[]
语法来代替array_push
方法,js/ts没有相关语法。is_array
方法来判断是否是数组,而js/ts则使用Array.isArray
方法。foreach
循环遍历数组,js/ts没有foreach
循环,但可以使用for
循环代替。感谢大家阅读本文,如果有收获和帮助,希望不吝啬点赞收藏,以上代码段来自网络,并总结到我的代码段网站中。