tnblog
首页
视频
资源
登录

ES6中一些常用基本函数的使用

3909人阅读 2020/12/6 18:00 总访问:82654 评论:0 收藏:0 手机
分类: H5_ES6


前端刷副本日记chapter2!!
ES6中一些常用基本函数的使用

// 按条件筛选数组中指定的值
// var result=[];
// var sports=["篮球","足球","乒乓球","桌球","羽毛球"];
// 原来常用的处理方式:比较麻烦
// for (let i = 0; i < sports.length; i++) {
//     if (sports[i]=="足球") {
//         result.push(sports[i]);
//     }
// }
// console.log(result);

// 现在提供的语法
// result=sports.filter(s=>s=="篮球");
// console.log(result);

// 那么,filter中是如何实现的呢?其实和后端的FindAll一样,我们自己来写一个filter
// var myFilter =function(array,func){
// var emptyArray=[];
// for (let i = 0; i < array.length; i++) {
//     if(func(array[i])) emptyArray.push(array[i]);
//  }

//  return emptyArray;
// }

// result=myFilter(sports,s=>s=="羽毛球");
// console.log(result);

// 判断数组中是否存在某个值:some,等同于C#的Any,返回一个bool类型,实现方式也和filter原理差不多
// var isExist =sports.some(s=>s=="桌球");
// console.log(isExist);

// every函数的使用,返回一个bool值:一般用于全选的时候
// 判断数组中是否所有值都等于篮球,实际工作中需要判断是否全选的时候可以使用
// var isEvery=sports.every(s=>s=="篮球");
// console.log(isEvery);

// includes函数的使用:判断是否包含某一个值
// 原来的写法
// var isInclude=sports.indexOf("篮球");
// if (isInclude!=-1) {
//     //......
// }

// 现在的写法
// var isInclude=sports.includes(s=>s=="篮球");
// console.log(isInclude);

// 组合两个数组
// var array1=[1,2,3,4];
// var array2=[5,6,7,8];
// var arrayConcat=array1.concat(array2);
// console.log(arrayConcat);

// push:数组尾部增加元素
// array1.push(10);
// unshift:数组头部增加元素
// array1.unshift(11);
// console.log(array1);

// splice:既可以增加,也可以删除元素
// 从下标0开始,删除一个元素
// array1.splice(0,1);
// 从下标为0的元素前面,增加一个元素
// array1.splice(0,0,5);
// 从下标为1的元素前面,增加一个元素,0表示本次操作不删除元素
// array1.splice(1,0,6);
// console.log(array1);



评价

ES6 新增特性 解构赋值

ES6 中数据解构赋值在 ES6 中通过使用解构赋值代码可以方便时使我们快速的上手代码的实现方式 · 数组的解构:有一下的代...

ES6 数组的新增方法

数组的扩展 类数组 / 伪数组Array.from()Array.of()copyWithin()fill()includes() 类数组 / 伪数组: 什么是类数组或...

js与ES6中基本语法异同比较

前端刷副本日记chapter1!!js中和ES6中声明变量的区别://js中value在声明之前可以使用value=&quot;黄大仙&quot;;varvalue...

ES6新增的字符串方法

String.fromCodePoint()String.raw()实例方法:codePointAt()实例方法:normalize()实例方法:includes(), startsWith(), e...

ES6 Reflect

概述Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。(1) 将Objec...

ES6 Module 的语法介绍

历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他...

ES6块级作用域

为什么需要块级作用域?ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。第一种场景,内层变量...

js,ES6在集合中排除某些数据。js判断集合中是否存在某个值

js判断集合中是否存在某个值利用indexOf就可以了,在集合中可以使用indexOf找某个值,如果找不到就返回-1 const noDataLes...
a genius is the person who repeats the most times
排名
35
文章
15
粉丝
5
评论
5
vue.js 学习日记第五章-v-if和v-for指令的使用方式
饰心 : 吃惊!博客更新小王子?
vue.js 学习日记第三章-vue中的简单事件及事件修饰符
修心 : 一个专栏可以的!说一下前端的mvc就更好了
通过PlUpload控件配合WebApi接口完成压缩上传文件
剑轩 : 厉害了,这个很实用。这个可以实现图片压缩?
C#+selenium实现自动登录
剑轩 : 坐标不能是线性的,因为人拖动的时候不是线性的。可以试下这个思路...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术
哪一场仗不难打,越难打,就更要打。