这些JavaScript单行代码,可以让你的代码更加骚气

JavaScript不断发展壮大,因为它是最容易上手的语言之一,因此为市场上的新成为技术怪才打开了大门。(问号脸?)的确,JavaScript可以做很多出色的事情!还有很多东西要学习。

其次,什么是单行代码,单行代码是一种代码实践,其中我们仅用一行代码执行某些功能。

随机获取布尔值

此函数将使用Math.random()方法返回布尔值(真或假)。
Math.random创建一个介于0和1之间的随机数,然后我们检查它是否大于或小于0.5。
这意味着有50/50的机会会得到对或错。

const getRandomBoolean = () => Math.random() >= 0.5;

console.log(getRandomBoolean());、

// a 50/50 chance of returning true or false

检查日期是否为周末

const isWeekend = (date) => [0, 6].indexOf(date.getDay()) !== -1;

console.log(isWeekend(new Date(2021, 4, 14)));

// false (Friday)

console.log(isWeekend(new Date(2021, 4, 15)));

// true (Saturday)

检查数字是偶数还是奇数

const isEven = (num) => num % 2 === 0;

console.log(isEven(5));
// false

console.log(isEven(4));
// true

获取数组中的唯一值(数组去重)

const uniqueArr = (arr) => [...new Set(arr)];

console.log(uniqueArr([1, 2, 3, 1, 2, 3, 4, 5]));
// [1, 2, 3, 4, 5]

检查变量是否为数组

const isArray = (arr) => Array.isArray(arr);
console.log(isArray([1, 2, 3]));
// true

console.log(isArray({
    
     name: 'Ovi' }));
// false

console.log(isArray('Hello World'));
// false

在两个数字之间生成一个随机数

const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);

console.log(random(1, 50));
// could be anything from 1 - 50

生成随机字符串(唯一ID?)

const randomString = () => Math.random().toString(36).slice(2);

console.log(randomString());
// could be anything!!!

切换布尔

/ bool is stored somewhere in the upperscope
const toggleBool = () => (bool = !bool);
//or
const toggleBool = b => !b;

计算两个日期之间的天数

要计算两个日期之间的天数,
我们首先找到两个日期之间的绝对值,然后将其除以86400000(等于一天中的毫秒数),最后将结果四舍五入并返回。

const daysDiff = (date, date2) => Math.ceil(Math.abs(date - date2) / 86400000);
console.log(daysDiff(new Date('2021-05-10'), new Date('2021-11-25')));
// 199

合并多个数组的不同方法

有两种合并数组的方法。其中之一是使用concat方法。另一个使用扩展运算符(…)。
PS:我们也可以使用“设置”对象从最终数组中复制任何内容。

// Merge but don't remove the duplications
const merge = (a, b) => a.concat(b);
// Or
const merge = (a, b) => [...a, ...b];
// Merge and remove the duplications
const merge = [...new Set(a.concat(b))];
// Or
const merge = [...new Set([...a, ...b])];

获取javascript语言的实际类型

const trueTypeOf = (obj) => {
    
    
  return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
};
console.log(trueTypeOf(''));
// string
console.log(trueTypeOf(0));
// number
console.log(trueTypeOf());
// undefined
console.log(trueTypeOf(null));
// null
console.log(trueTypeOf({
    
    }));
// object
console.log(trueTypeOf([]));
// array
console.log(trueTypeOf(0));
// number
console.log(trueTypeOf(() => {}));
// function

在结尾处截断字符串

const truncateString = (string, length) => {
    
    
  return string.length < length ? string : `${
     
     string.slice(0, length - 3)}...`;
};
console.log(
  truncateString('Hi, I should be truncated because I am too loooong!', 36),
);
// Hi, I should be truncated because...

从中间截断字符串
从中间截断字符串怎么样?
该函数将一个字符串作为第一个参数,然后将我们需要的字符串大小作为第二个参数,然后从第3个和第4个参数开始和结束需要多少个字符

const truncateStringMiddle = (string, length, start, end) => {
    
    
  return `${
     
     string.slice(0, start)}...${
     
     string.slice(string.length - end)}`;
};
console.log(
  truncateStringMiddle(
    'A long story goes here but then eventually ends!', // string
    25, // 需要的字符串大小
    13, // 从原始字符串第几位开始截取
    17, // 从原始字符串第几位停止截取
  ),
);
// A long story ... eventually ends!

三元运算符

/ Longhand
const age = 18;
let greetings;
if (age < 18) {
    
    
  greetings = 'You are not old enough';
} else {
    
    
  greetings = 'You are young!';
}
// Shorthand
const greetings = age < 18 ? 'You are not old enough' : 'You are young!';

猜你喜欢

转载自blog.csdn.net/weixin_45361998/article/details/121261458