程序员提高写代码速度_学完javascript学什么

程序员提高写代码速度_学完javascript学什么优雅的代码编写格式,提升效率的同时更美观

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

? 变量声明

  • 多个变量的声明,可以简写
// 非效率写法
let x;
let y;
let z = 520;

// 效率写法
let x, y, z = 520;

? 三元运算符

  • 在条件判断时,可以使用三元运算符增加效率
let num1 = 520;
let num2 = 1314;

// 非效率写法
if (num1 > num2) {
		// ...
} else {
		// ...
}

// 效率写法
let result = num1 > num2 ? true : false;

? 解构赋值

  • 变量赋值
let a, b, c;

// 非效率写法
a = 1;
b = 2;
c = 3;
 
// 效率写法
let [a, b, c] = [1, 2, 3];

? 解构交换

  • 交换两个变量
let x = '极客飞兔', y = '程序员';
 
// 非效率写法
const temp = x;
x = y;
y = temp;
 
// 效率写法
[x, y] = [y, x];

? 箭头函数

  • 函数的简写方式
// 非效率写法
function add(num1, num2) {
  return num1 + num2;
}
 
// 效率写法
const add = (num1, num2) => num1 + num2;

? 字符串模版

// 非效率写法
console.log('极客飞兔的年龄 ' + age + ' 他的身高 ' + height);
 
// 效率写法
console.log(`极客飞兔的年龄 ${age} 他的身高 ${height}`);

? 多值匹配

  • 判断某个值是否等于某个多个值中的一个
// 非效率写法
if (value === 1 || value === '飞兔' || value === 2 || value === '程序员') {
  // ...
}
 
// 效率写法一
if ([1, '飞兔', 2, '程序员'].indexOf(value) >= 0) {
   // ...
}
 
// 效率写法二
if ([1, '飞兔', 2, '程序员'].includes(value)) { 
    // ...
}

? ES6对象简写

let firstname = '极客';
let lastname = '飞兔';
 
// 非效率写法
let userinfo = {firstname: firstname, lastname: lastname};
 
// 效率写法
let userinfo = {firstname, lastname};

? 字符串转数字

// 非效率写法
let total = parseInt('520');
let average = parseFloat('13.14');
 
// 效率写法
let total = +'520';
let average = +'13.14';

? 次方相乘

// 非效率写法
const power = Math.pow(2, 5);
 
// 效率写法
const power = 2**5;

? 数组合并

let arr1 = [520, 1314];
 
// 非效率写法
let arr2 = arr1.concat([1225, 1115]);
 
// 效率写法
let arr2 = [...arr1, 1225, 1115];

? 查找数组最大值最小值

const arr = [520, 1314, 1115, 1225];

// 效率写法
Math.max(...arr);
Math.min(...arr);

? 获取字符串字符

let str = 'https://autofelix.blog.csdn.net/';
 
// 非效率写法
str.charAt(10);
 
// 效率写法
str[10];

? 并&&操作

function fn() {
	return true;
}

let flag = true;

// 非效率写法
if (flag) {
	fn();
}

// 效率写法
flag && fn();

? 数组排序

const arr = [40, 2, 1, 5, 99, 111];

// 从小到大
arr.sort((a, b) => a - b); // [1, 2, 5, 40, 99, 111]

// 从大到小
arr.sort((a, b) => b - a); // [111, 99, 40, 5, 2, 1]

? 数组过滤

  • 从数组中过滤假数值
const arr = [3, '1', '', 0, false, null, undefined];

arr.filter(Boolean); // [3, '1']

? for循环

let arr = ['极客飞兔', 520, 1314, '程序员']

// 非效率写法
for (var i = 0; i < arr.length; i++) {}

// 效率写法
for (const i in arr) {}
// 效率写法
for (const i of arr) {}

? 判断奇偶

  • 使用& 1 判断奇偶数
// 非效率写法
if(value % 2 == 0) {
	// 是偶数
} else {
	// 是奇数
}

// 效率写法
2 & 1; // 0 返回0表示偶数
3 & 1; // 1 返回1表示奇数

? 数组去重

const array  = [5,4,7,8,9,2,7,5];

// 效率的两种写法
array.filter((item,idx,arr) => arr.indexOf(item) === idx);
const nonUnique = [...new Set(array)];

? IF检查

// 非效率写法
if (result === true)
  
// 效率写法
if (result)

? 合并对象

const user = { 
  name: '极客飞兔', 
  gender: '男' 
};

const college = { 
  primary: '清华大学', 
  secondary: '社会大学' 
};

const skills = { 
  java: 'JAVA', 
  php: 'PHP', 
  python: 'PYTHON' 
};

const summary = {...user, ...college, ...skills};

? 可选链

const user = {
  employee: {
    name: "极客飞兔"
  }
};

// 可选链
user.employee?.name;
user.employ?.name;
user.employ.name;

? 字符串重复

// 非效率写法
let str= ''; 
for(let i = 0; i < 5; i ++) { 
  str+= 'autofelix '; 
} 

// 效率写法
'autofelix '.repeat(5);

? 默认值

let user; 
let name = getUserName();
 
// 非效率写法
if (name !== null && name !== undefined && name !== '') {
    user = name;
} else {
    user = '极客飞兔';
}
 
// 效率写法
let user = getUserName() || '极客飞兔';

? 双波浪线运算符

// 非效率写法
const floor = Math.floor(6.8); // 6
 
// 效率写法
const floor = ~~6.8; // 6

? 移除对象属性

let obj = {x: 45, y: 72, z: 68, p: 98};
 
// 非效率写法
delete obj.x;
delete obj.p;
console.log(obj); // {y: 72, z: 68}
 
// 效率写法
let {x, p, ...newObj} = obj;
console.log(newObj); // {y: 72, z: 68}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/170853.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 五大主流数据库模型有哪些_五大主流品牌

    五大主流数据库模型有哪些_五大主流品牌导读:无论是关系型数据库还是非关系型数据库,都是某种数据模型的实现。本文将为大家简要介绍5种常见的数据模型,让我们来追本溯源,窥探现在流行的数据库解决方案背后的神秘世界。什么是数据模型?访问数据库

  • acwing-1172. 祖孙询问(最近公共祖先)「建议收藏」

    acwing-1172. 祖孙询问(最近公共祖先)「建议收藏」原题链接给定一棵包含 n 个节点的有根无向树,节点编号互不相同,但不一定是 1∼n。有 m 个询问,每个询问给出了一对节点的编号 x 和 y,询问 x 与 y 的祖孙关系。输入格式输入第一行包括一个整数 表示节点个数;接下来 n 行每行一对整数 a 和 b,表示 a 和 b 之间有一条无向边。如果 b 是 −1,那么 a 就是树的根;第 n+2 行是一个整数 m 表示询问个数;接下来 m 行,每行两个不同的正整数 x 和 y,表示一个询问。输出格式对于每一个询问,若 x 是 y 的祖先则输

  • js中数组截取方法

    js中数组截取方法slice()vararray=[1,5,3,9,8];varcut=array.slice(1,4);console.log(cut);打印出的结果是[5,3,9]值得注意的是,slice()不会操作原有数组,所以打印array的话,是不会变的vararray=[1,5,3,9,8];varcut=array.slice(1,4);console.log(cut);console.log(array);打印结果是[5,3,9][1,5,

  • mariadb安装教程linux,CentOS 7下MariaDB10.0.14安装配置步骤详解

    mariadb安装教程linux,CentOS 7下MariaDB10.0.14安装配置步骤详解系统环境:CentOS7MariaDB版本:MariaDB10.0.14下载地址:http://mirrors.neusoft.edu.cn/mariadb/mariadb-10.0.14/source/mariadb-10.0.14.tar.gz其他包地址:https://downloads.mariadb.org/添加一个mysql用户useraddmysql开始编译安装MariaDBw…

  • c语言背包问题(动态规划解法)

    c语言背包问题(动态规划解法)题目描述:有若干个物品要装进背包,并且每个物品有各自的价值,物品的数量、价值以及背包的容量由用户输入,求背包内能够存入的最大价值为多少,并且求出此时放入了哪些物品输入格式:第一行输入物品的容量r和物品个数n第二行输入每个物品的重量第三行输入每个物品的价值输出格式:第一行输出背包中能够存储的最大价值第二行输出此时背包中的物品编号思路分析:可以把这个问题看成是一个二维数组,行是物品编号,列是背包容量,若物品编号为2,背包容量为4,代表的则是当背包容量为..

  • 用tcping检查网站开放的端口

    用tcping检查网站开放的端口neo之前分享过一款小巧玲珑工具软件:tcping,即在tcp层进行端口的ping。tcping可以用来检查和确认我们的网站有哪些端口是开放的,使用很顺手。比如neo这几天在研究如何关闭mysql的3306端口,就通过使用tcping工具来确认关闭端口是否成功。Linux下有有个netstat命令,总是对其输出看得云里雾里,虽然netstat-l的输出看不到3306端口,是tcping还能p…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号