JavaScript 不使用中间变量交互数组中相邻的两个元素

要点

slice 方法将两个元素作为数组取出
reverse 方法将元素交换
... 运算符将交换后的结果取出并作为 splice 方法的后两个参数，从而替换掉原来的两个元素

代码

const exchangeNearbyElement = (arr, idx) => arr.splice(idx, 2, ...arr.slice(idx, idx + 2).reverse())

使用

ES6 class 类的用法

##### es6 class基础用法以前的JavaScript没有类的概念，它是基于原型的面相对象的语言。原型对象的特点就是将自身属性共享给新对象。我们先看一下下面的代码实现。 ```javascript //常规写法 function Person(name,age) { this.name = name; th ..

冷静想想，JS 是怎么输出对象的属性顺序的？

冷静想想，JS 是怎么输出对象的属性顺序的？自从 es6 出来以后， Object.keys 方法得到了大量的使用，比如在需要遍历对象的属性与属性值进行单独的样式输出等，那 Object.keys 是怎么实现的呢，它是如何保证对象的输出属性顺序的呢？一般情况下，元素总是按属性赋值时的顺序（而不是按照名称顺序）排序的 ..

ES6 常用

一、let 和 const 1、let 可以声明变量 let name = '张三'; console.log(name);//张三 2、ES6 新增块级作用域　　注：在 ES6 之前作用域分为：全局作用域、函数作用域 { var name1 = '张三'; let name2 = '李四'; console.log ..

ES6 语法简介

ECMAScript 是一种由 Ecma 国际（前身为欧洲计算机制造商协会,英文名称是 European Computer Manufacturers Association）通过 ECMA-262 标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为 JavaScript 或 JScript，但实际上后 ..

ES6-- 扩展运算符与剩余操作符...

扩展运算符与剩余操作符都是以三点开头的操作符，二者长的很像，只是在用法上有些差别。它们已经被 ES6 数组支持，能解决很多之前 arguments 解决起来很麻烦的问题。扩展运算符因为在 React 里面经常碰到，自己就做了很简单的几个归纳。主要几种在以下几个方面。 1. 改变函数的调用将数组作为函数的参数传递进 ..

js 严格模式

ES6 的模块自动采用严格模式，不管你有没有在模块头部加上'use strict' 严格模式主要有以下限制。变量必须声明后再使用函数的参数不能有同名属性，否则报错不能使用 with 语句不能对只读属性赋值，否则报错不能使用前缀 0 表示八进制数，否则报错不能删除不可删除的属性，否则报错不能删除变量 del ..

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

关于