一、Array.from()：负责把类似数组的对象以及可遍历的对象转为真正的数组1.类似数组的对象 let arrayLike = {
'0': 'a',
'1': 'b',
'2': 'c',
length: 3
};
let arrayLike2 = {
'0': 'a',
'1': 'b',
'2': 'c'
};
// ES5的写法
var arr1 =
一、数组构造器新增方法（1）of 方法预期是把3填充进数组，却填充了3个空，产生了歧义console.log(new Array(3)) //[empty*3]为了解决这个问题，es6新增了数组方法of，它可以把一个数值填充进数组console.log(Array.of(3)); //[3]声明数组的方式：字面量构造函数构造函数上的of方法（es6新增）（2）from 方法它能够将类数组，或者部署
转载
2024-07-20 18:29:19
56阅读
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-U
转载
2024-10-11 14:23:35
16阅读
我们都知道在javascript里是没有块级作用域的，而ES6添加了块级作用域，块级作用域能带来什么好处呢？为什么会添加这个功能呢？那就得了解ES5没有块级作用域时出现了哪些问题。 ES5在没有块级作用域的情况下出现的问题： 一。在if或者for循环中声明的
前端面试之ES6新增了数组中的的哪些方法？!我们先来看看数组中以前有哪些常用的方法吧！1新增的方法！1 forEach() 迭代遍历数组回调函数中的三个参数value: 数组中的每一个元素-index: 每一个数组元素中的索引号！arr: 数组对象本身<script>
// ES5中新增的方法
// forEach() 迭代遍历数组
Array对象js中内置了一个Array构造函数,可以创建数组对象,本文主要介绍数ES3、ES5、ES6数组中一些常用的方法。join(字符串分隔符)// 语法：arr.join(分隔符)
var arr = ['刘备','张飞','关羽'];
// 不传参数，默认每一项之间以 逗号 进行拼接
var str = arr.join(); //刘备,张飞,关羽
//按 - 进行拼接
var s
1, Array.of() 创建数组用， 创建数组的新方法 这个方法的由来，主要是因为使用new Array() 创建数组的时候，行为不一致。当我们给new Array() 传递一个数字的时候，他不是创建一个数组包含这个元素，而是创建一个长度为这个数字的数组。但当传递一个其它类型的数据给new Array() 的时候，它只会创建包含这个元素的数组。
转载
2024-04-23 11:55:03
37阅读
reduce()的用法平时很少用得到reduce()方法，事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上。arr.reduce(function(sum,num,index,arr){
...
},init)其中，arr 表示原数组
sum 表示上一次调用时的返回值， 或者初始值init
num 表示当前正在处理的数组元素
index 表示当前正在处理的数组元素的索引，
转载
2024-03-21 14:21:18
75阅读
扩展运算符扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 1 console.log(...[1, 2, 3])
2 // 1 2 3
3
4 console.log(1, ...[2, 3, 4], 5)
5 // 1 2 3 4 5
6
7 [...document.querySelectorAll('div')]
8
转载
2024-06-07 10:54:25
14阅读
一 es6数组的一些函数方法使用、 二 this的指向问题、 三 createDocumentFragment用法、 四 javascript实现把指定元素移动到第一位、 五 el-menu简单用法一 es6数组的一些函数方法使用二 this的指向问题(5种场景)三 createDocumentFragment用法四 javascript实现把指定元素移动到第一位五 el-menu简单用法 二
JavaScript中数组Array常用的方法总结标签（空格分隔）： JavaScriptECMAScript数组给我们提供了许多常用的方法，便于我们对数组进行操作，下面，就来总结一下这些方法。pop（）和push（）
这两个方法可以说是一对互斥的方法。push（）可以接受任意数量的参数，并将他们添加到数组的末尾，同事返回修改后数组的长度，而pop（）则从数组末尾移除最后一项，减少数组length
1、push 在数组末尾添加一个或多个元素，并返回数组的长度, 可以添加任意类型的值作为数组的一个元素。语法：arr.push(newelement1,newelement2,....,newelementX)
示例代码：
var arr = [1,2];
arr.push(6); // arr:[1,2,6];返回值为3
arr.push('aa');
转载
2024-04-09 09:43:02
347阅读
网上的资料很多,关于闭包，原型链，面向对象之内的。本人也有一点自己的总结。 关于this：this 的值取决于 function 被调用的方式，一共有四种，如果一个 function 是一个对象的属性，该 funtion 被调用的时候，this 的值是这个对象。如果 function 调用的表达式包含句点（.）或是 []，this 的值是句点（.）或是 [] 之前的对象。如myObj.f
一、String.fromCodePoint() ES5提供String.fromCharCode()方法，用于从Unicode码点返回对应字符，但是无法识别大于0xFFFF字符 String.fromCodePoint()可以识别大于0xFFFF的字符，当有该方法有多个参数时，他们会被合并成一个字符串返回二、String.raw() 该方法返回被转义的字符串（一个斜杠都会被转义
转载
2024-02-24 17:36:53
47阅读
1.Promise.prototype.finally()finally()方法用于不管Promise对象最后的状态如何，都会执行的操作。promise
.then(result => {···})
.catch(error => {···})
.finally(() => {···}); finally方法的回调函数不接受任何参数，这意味着没有办法知道，钱
转载
2024-04-16 14:55:22
1269阅读
ES6环境搭建步骤1：安装git步骤2：打开git bash步骤3：在这个git bash里面一步步输入如下命令 安装babel-polyfill解决对新属性兼容性问题然后在index.js里面引入！！ 需要在这个目录下面进行git bash打开输入命令，不然会报错！！！！步骤4：输入http://localhost:9000/ 打开 1、le
一、ES6的概念ES6是 新一代的JS语言标准，包含ES2015、ES2016、ES2017、ES2018等。ES2015特指在2015年发布的新一代JS语言标准，现阶段在绝大部分情景下，ES2015默认为ES6。ES2015可以理解为ES5和ES6的时间分界线。二、变量声明ES5里面var没有块级作用域，这样一来，会导致很多问题。例如for循环变量泄露，变量覆盖，变量提升等问题。 ES6用let
转载
2024-04-13 13:08:17
66阅读
?正文1.实现类的继承在ES6 中新增了 extends关键字，用于实现类的继承。MDN中对 extends关键字的解释是这么说的：**定义：****extends**关键字用于类声明或者类表达式中，以创建一个类，该类是另一个类的子类。语法：class ChildClass extends ParentClass { ... }描述： extends关键字用来创建一个普通类或者内建对象的子类。接下
转载
2024-05-29 13:34:56
39阅读
forEach()：forEach 迭代(遍历) 数组函数：array.forEach(function(currentValue, index, arr)) 解释： currentValue：数组当前项的值 index：数组当前项的索引 arr：数组对象本身var arr = [1, 2, 3,5,6,6,6];
var sum = 0;
var bb= arr.
开始学习es6时，对于数组的几个常用的API不是很清楚，经过一段时间的学习，不敢说已经非常熟悉，学习是一个漫长的过程，整理一下在使用这些API过程中的一些心得体会。no.1 mapmap函数可以看成一种映射函数，而且是一一映射，几个萝卜几个坑。array.map(function(参数){....函数体......})es6提出了箭头函数，所以也可以写成：array.map((参数)=
转载
2024-09-30 07:11:54
63阅读
