百度智能小程序是什么_JavaScript 巧学巧用

  • 栏目:公司新闻 时间:2021-01-12 11:06 分享新闻到:
<返回列表

JavaScript 巧学巧用     投稿:mdxy-dxy   本文主要给大家分享一下在编写JavaScript代码的时候存在的一些方法和技巧,虽然有时候条条大路都通向罗马,但是也许总会有那么一条最短的路径可走。希望通过以下几点JavaScript技巧让大家的代码“化繁为简,化简为精”

前言

由于工作和生活上的一些变化,最近写文章的频率有点下降了,实在不好意思,不过相信不久就会慢慢恢复过来,感谢大家一直以来的关注和支持。
本文主要给大家分享一下在编写JavaScript代码的时候存在的一些方法和技巧,虽然有时候条条大路都通向罗马,但是也许总会有那么一条最短的路径可走。希望通过以下几点JavaScript技巧让大家的代码“化繁为简,化简为精”。

巧学巧用

1. new Set()

可能有人知道ES6中提供了新的数据结构 Set,但是能够灵活运用的人或许不多。利用Set数据结构我们能够轻松的去重一个数组,比如:

let arr = [1, 2, 2, 3];
let set = new Set(arr);
let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。
console.log(newArr); // [1, 2, 3]

2. Object.assign()

Object.assign()也是ES6中提供的对象的扩展方法,其可以用于对象的合并拷贝,比如:

let obj1 = {a: 1};
let obj2 = {b: 2};
let obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // {a: 1, b: 2}

3. map()

map方法用于遍历数组,有返回值,可以对数组的每一项进行操作并生成一个新的数组,有些时候可以代替for和forEach循环,简化代码,比如:

let arr3 = [1, 2, 3, 4, 5];
let newArr3 = arr3.map((e, i) = e * 10); // 给数组每一项乘以10
console.log(newArr3); // [10, 20, 30, 40, 50]

4. filter()

filter方法同样用于遍历数组,顾名思义,就是过滤数组,在每一项元素后面触发一个回调函数,通过判断,保留或移除当前项,最后返回一个新的数组,比如:

let arr4 = [1, 2, 3, 4, 5];
let newArr4 = arr4.filter((e, i) = e % 2 === 0); // 取模,过滤余数不为0的数
console.log(newArr4); // [2,4]

5. some()

some方法用于遍历数组,在每一项元素后面触发一个回调函数,只要一个满足条件就返回true,否则返回false,类似于 || 比较,比如:

let arr5 = [{result: true}, {result: false}];
let newArr5 = arr5.some((e, i) = e.result); // 只要一个为true,即为true
console.log(newArr5); // true

6.every()

every方法用于遍历数组,在每一项元素后面触发一个回调函数,只要一个不满足条件就返回false,否则返回true,类似于 比较,比如:

let arr6 = [{result: true}, {result: false}];
let newArr6 = arr6.every((e, i) = e.result); // 只要一个为false,即为false
console.log(newArr6); // false

7. ~~运算符

~符号用在JavaScript中有按位取反的作用,~~即是取反两次,而位运算的操作值要求是整数,其结果也是整数,所以经过位运算的都会自动变成整数,可以巧妙的去掉小数部分,类似于parseInt,比如:

let a = 1.23;
let b = -1.23;
console.log(~~a); // 1
console.log(~~b); // -1

8. ||运算符

巧妙的使用 || 运算符我们可以给变量设置默认值,比如:

let c = 1;
let d = c || 2; // 如果c的值为true则取存在的值,否则为2
console.log(d); // 1

9. ...运算符

...运算符是ES6中用于解构数组的方法,可以用于快速获取数组的参数,比如:

let [num1, ...nums] = [1, 2, 3];
console.log(num1); // 1
console.log(nums); // [2, 3]

10. 三元运算符

该运算符应该大家都比较熟悉,在默写情况下可以简化if else的写法,比如:

let e = true,
 f = '';
if (e) {
 f = 'man';
} else {
 f = 'woman';
// 等同于
e f = 'man' : f = 'woman';

结语

本文只列出了JavaScript语法中比较常见的10点提升编码效率的方法进行了简单地阐述,当然每一个知识点都可以进行相应的展开与探究,希望大家在巧学的同时达到巧用的效果。


分享新闻到:

更多阅读

百度智能小程序是什么_JavaScript 巧学巧用

公司新闻 2021-01-12
JavaScript 巧学妙用 文章投稿:mdxy-dxy 文中关键给大伙儿共享一下在撰写JavaScript编码的情况...
查看全文

广州凡科互联网科技股份有限公司招聘培

公司新闻 2021-01-11
招聘人数:27职位信息岗位职责:1、根据公司要求组织和跟进产品、活动项目培训、沙龙会;...
查看全文

广州凡科互联网科技股份有限公司招聘联

公司新闻 2021-01-11
招聘人数:18职位信息岗位名称:联通10010客服客服,包吃住,五险一金,无需经验 带薪岗前培...
查看全文
返回全部新闻


区域站点: 南丰县自助建站   南宫市自己建网站   囊谦县网站建设   南和县免费建站   南华县自助建站   南江县自己建网站   南京市网站建设   南靖县免费建站   南康市自助建站   南乐县自己建网站   南陵县网站建设   南宁市免费建站   南平市自助建站   南皮县自己建网站   南市区网站建设   南通市免费建站   南投县自助建站   南雄市自己建网站   南溪县网站建设   南阳市免费建站   南漳县自助建站   南召县自己建网站   南郑县网站建设   那坡县免费建站   那曲县自助建站   纳雍县自己建网站   讷河市网站建设   内黄县免费建站   内江市自助建站   内丘县自己建网站   内乡县网站建设   嫩江市免费建站   聂荣县自助建站   尼玛县自己建网站   尼木县网站建设   宁安市免费建站   宁波市自助建站   宁城县自己建网站   宁德市网站建设   宁都县免费建站   宁国市自助建站   宁海县自己建网站   宁化县网站建设   宁晋县免费建站   宁陵县自助建站   宁明县自己建网站   宁南县网站建设   宁强县免费建站   宁陕县自助建站   宁武县自己建网站   宁乡市网站建设   宁阳县免费建站   宁远县自助建站   农安县自己建网站   磐安县网站建设   盘锦市免费建站   盘山县自助建站   磐石市自己建网站   盘州市网站建设   蓬安县免费建站   澎湖县自助建站   蓬莱市自己建网站   彭山县网站建设   蓬溪县免费建站   彭阳县自助建站   彭泽县自己建网站   彭州市网站建设   偏关县免费建站   平安县自助建站   平昌县自己建网站   平定县网站建设   屏东县免费建站   平度市自助建站   平果县自己建网站   平和县网站建设   平湖市免费建站   平江县自助建站   平乐县自己建网站   平凉市网站建设   平利县免费建站   平罗县自助建站   平陆县自己建网站   屏南县网站建设   平泉市免费建站   屏山县自助建站   平顺县自己建网站   平塘县网站建设   平潭县免费建站   平武县自助建站   萍乡市自己建网站   平乡县网站建设   平阳县免费建站   平遥县自助建站   平阴县自己建网站   平邑县网站建设   平远县免费建站   平舆县自助建站   皮山县自己建网站   普安县网站建设   浦北县免费建站   浦城县自助建站   普洱市自己建网站   普格县网站建设   浦江县免费建站   普兰县自助建站   普宁市自己建网站   莆田市网站建设   迁安市免费建站   乾安县自助建站   潜江市自己建网站   潜山市网站建设  

友情链接: 网站建设文章 网站建设 免费建网站域名 免费建站网站一级 手机版

Copyright © 2002-2020 网站建设_免费建站_自助建站_自己建网站_小程序制作 版权所有 (网站地图) 备案号:粤ICP备10235580号