js的技巧

15次阅读

共计 1334 个字符,预计需要花费 4 分钟才能阅读完成。

. 检查数值是不是 NAN

Number.isNaN(1+NaN); // true; NaN 数值与非数值运算的结果 NaN

检查数字为有限值

Number.isFinite(12); // true; 其他类型都为 false
Math.trunc 方法用于去除一个数 (正负都可以) 的小数部分,返回整数部分。
console.log(Math.trunc(3.1));
// 兼容性写法
// Math.trunc = Math.trunc || function(x) {
// return x < 0 ? Math.ceil(x) : Math.floor(x);
// };

判断正负,

// Math.sign()
// 判断正负, 还是 0; 对非数值, 能转化的转化; 不能转的就是 NaN
// 返回值: 正 +1; 负 -1; 0; 0; 其他值 NaN

Array.from(param1, param2)方法用于将两类对象转为真正的数组:

参数 1: 一个对象 ==> 伪数组对象和可遍历(iterable)的对象
参数 2: 回调函数 ==> 类似于数组的 map 方法,对每个元素进行处理,将处理后的值放入返回的数组。return 值: 一个数组;

示例:

let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
    // 0: 'a',
    // 1: 'b',
    // 2: 'c',
    // length: 3
};
let real_arr = Array.from(arrayLike);

Array.of(传一组数值); 用于将一组值,转换为数组。弥补了构造函数 Array()传数值的缺点

参数: 一组数值, 如: 1,2,3,4...
return 值: 一个数组

arr.find(): 类似过滤函数 filter(function(value, index, arr))

    使用: 传入一个回调函数, 返回第一个符合要求的成员  filter 会返回所有符合条件的
    示例: var res = [1,2,3,4,-100].find(n => n < 0); // -100
    

arr.findIndex(): 同上, 只不过是返回第一个符合条件的数组成员的位置

    注意: 第二个参数是传一个对象,回调函数中若使用了 this, 则指向这个对象
    

// 实现一个 add 方法,使计算结果能够满足如下预期:
add(1)(2)(3) = 6;
add(1, 2, 3)(4) = 10;
add(1)(2)(3)(4)(5) = 15;

function add() {

// 第一次执行时,定义一个数组专门用来存储所有的参数
var _args = Array.prototype.slice.call(arguments);

// 在内部声明一个函数,利用闭包的特性保存_args 并收集所有的参数值
var _adder = function() {_args.push(...arguments);
    return _adder;
};

// 利用 toString 隐式转换的特性,当最后执行时隐式转换,并计算最终的值返回
_adder.toString = function () {return _args.reduce(function (a, b) {return a + b;});
}
return _adder;

}

add(1)(2)(3) // 6
add(1, 2, 3)(4) // 10
add(1)(2)(3)(4)(5) // 15
add(2, 6)(1) // 9

正文完
 0

js的技巧

15次阅读

共计 1334 个字符,预计需要花费 4 分钟才能阅读完成。

. 检查数值是不是 NAN

Number.isNaN(1+NaN); // true; NaN 数值与非数值运算的结果 NaN

检查数字为有限值

Number.isFinite(12); // true; 其他类型都为 false
Math.trunc 方法用于去除一个数 (正负都可以) 的小数部分,返回整数部分。
console.log(Math.trunc(3.1));
// 兼容性写法
// Math.trunc = Math.trunc || function(x) {
// return x < 0 ? Math.ceil(x) : Math.floor(x);
// };

判断正负,

// Math.sign()
// 判断正负, 还是 0; 对非数值, 能转化的转化; 不能转的就是 NaN
// 返回值: 正 +1; 负 -1; 0; 0; 其他值 NaN

Array.from(param1, param2)方法用于将两类对象转为真正的数组:

参数 1: 一个对象 ==> 伪数组对象和可遍历(iterable)的对象
参数 2: 回调函数 ==> 类似于数组的 map 方法,对每个元素进行处理,将处理后的值放入返回的数组。return 值: 一个数组;

示例:

let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
    // 0: 'a',
    // 1: 'b',
    // 2: 'c',
    // length: 3
};
let real_arr = Array.from(arrayLike);

Array.of(传一组数值); 用于将一组值,转换为数组。弥补了构造函数 Array()传数值的缺点

参数: 一组数值, 如: 1,2,3,4...
return 值: 一个数组

arr.find(): 类似过滤函数 filter(function(value, index, arr))

    使用: 传入一个回调函数, 返回第一个符合要求的成员  filter 会返回所有符合条件的
    示例: var res = [1,2,3,4,-100].find(n => n < 0); // -100
    

arr.findIndex(): 同上, 只不过是返回第一个符合条件的数组成员的位置

    注意: 第二个参数是传一个对象,回调函数中若使用了 this, 则指向这个对象
    

// 实现一个 add 方法,使计算结果能够满足如下预期:
add(1)(2)(3) = 6;
add(1, 2, 3)(4) = 10;
add(1)(2)(3)(4)(5) = 15;

function add() {

// 第一次执行时,定义一个数组专门用来存储所有的参数
var _args = Array.prototype.slice.call(arguments);

// 在内部声明一个函数,利用闭包的特性保存_args 并收集所有的参数值
var _adder = function() {_args.push(...arguments);
    return _adder;
};

// 利用 toString 隐式转换的特性,当最后执行时隐式转换,并计算最终的值返回
_adder.toString = function () {return _args.reduce(function (a, b) {return a + b;});
}
return _adder;

}

add(1)(2)(3) // 6
add(1, 2, 3)(4) // 10
add(1)(2)(3)(4)(5) // 15
add(2, 6)(1) // 9

正文完
 0

js的技巧

15次阅读

共计 1334 个字符,预计需要花费 4 分钟才能阅读完成。

. 检查数值是不是 NAN

Number.isNaN(1+NaN); // true; NaN 数值与非数值运算的结果 NaN

检查数字为有限值

Number.isFinite(12); // true; 其他类型都为 false
Math.trunc 方法用于去除一个数 (正负都可以) 的小数部分,返回整数部分。
console.log(Math.trunc(3.1));
// 兼容性写法
// Math.trunc = Math.trunc || function(x) {
// return x < 0 ? Math.ceil(x) : Math.floor(x);
// };

判断正负,

// Math.sign()
// 判断正负, 还是 0; 对非数值, 能转化的转化; 不能转的就是 NaN
// 返回值: 正 +1; 负 -1; 0; 0; 其他值 NaN

Array.from(param1, param2)方法用于将两类对象转为真正的数组:

参数 1: 一个对象 ==> 伪数组对象和可遍历(iterable)的对象
参数 2: 回调函数 ==> 类似于数组的 map 方法,对每个元素进行处理,将处理后的值放入返回的数组。return 值: 一个数组;

示例:

let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
    // 0: 'a',
    // 1: 'b',
    // 2: 'c',
    // length: 3
};
let real_arr = Array.from(arrayLike);

Array.of(传一组数值); 用于将一组值,转换为数组。弥补了构造函数 Array()传数值的缺点

参数: 一组数值, 如: 1,2,3,4...
return 值: 一个数组

arr.find(): 类似过滤函数 filter(function(value, index, arr))

    使用: 传入一个回调函数, 返回第一个符合要求的成员  filter 会返回所有符合条件的
    示例: var res = [1,2,3,4,-100].find(n => n < 0); // -100
    

arr.findIndex(): 同上, 只不过是返回第一个符合条件的数组成员的位置

    注意: 第二个参数是传一个对象,回调函数中若使用了 this, 则指向这个对象
    

// 实现一个 add 方法,使计算结果能够满足如下预期:
add(1)(2)(3) = 6;
add(1, 2, 3)(4) = 10;
add(1)(2)(3)(4)(5) = 15;

function add() {

// 第一次执行时,定义一个数组专门用来存储所有的参数
var _args = Array.prototype.slice.call(arguments);

// 在内部声明一个函数,利用闭包的特性保存_args 并收集所有的参数值
var _adder = function() {_args.push(...arguments);
    return _adder;
};

// 利用 toString 隐式转换的特性,当最后执行时隐式转换,并计算最终的值返回
_adder.toString = function () {return _args.reduce(function (a, b) {return a + b;});
}
return _adder;

}

add(1)(2)(3) // 6
add(1, 2, 3)(4) // 10
add(1)(2)(3)(4)(5) // 15
add(2, 6)(1) // 9

正文完
 0