常用的js代码以及自动在线生成JavaScript工具地址

1：数组求和使用reduce

let nums = [1,22,31,4,56]
let sum = nums.reduce((prev, cur) => prev + cur, 0)

2：数组去重

let arr = [1,1,2,434,2,1]
console.log([...new Set(arr)]) // 1 2 434

3：数组里的值是否满足一个要求

let list = [1,2,2,2,2,2]
let res = list.some(item => item > 1)
console.log(res) // true

4：数组里的值是否都满足要求

let list = [1,2,2,2,2,2]
let res = list.every(item => item > 1)
console.log(res) // false

5：检测值是否为数组

let arr = []
console.log(Array.isArray(arr)) // true
console.log(Object.prototype.toString.call(arr) == "[object Array]") // true

6：数组转换为对象

let person = ["蛙人", 24, "male"]
let obj = {}
person.forEach(item => (obj[item] = item))

7：使用Map使数组直接返回结果

let person = [10, 20, 30]
function fn(item) {return item + 1
}
let res = person.map(fn)
console.log(res) // [11, 21, 31]

8：是否为奇偶数

let num = val => val % 2 == 0;
num(10) // ture 偶数
num(1) // false 奇数

9：交换变量

let x = 10;
let y = 20;
[x, y] = [y, x];

10：生成随机id

Math.random().toString(36).substr(2)

11获取对象key键值

let person = {name: "蛙人", age: 24};
console.log(Object.keys(person)) // ["name", "age"]

12获取对象value值

let person = {name: "蛙人", age: 24};
console.log(Object.values(person)) // ["蛙人", 24]

13获取对象里指定的值（解构）

const person = {name: "蛙人", age: 24, sex: "male"};
let { age, sex } = person
console.log(age, sex) // 24 male

14合并对象

let person = {name: "蛙人", age: 24}
let obj = Object.assign({}, person)
console.log(obj) // {name: "蛙人", age: 24}

15模板字符串表达式

let name = "蛙人"
console.log(`hello ${name}`)
console.log(`<p>${name}</p>`)

16快速将字符串转换为数组。使用扩展运算符可以快速转换为数组。

let str = "abcdefg"
console.log([...str]) // ["a", "b", "c", "d", "e", "f", "g"]

17使用三目运算判断值（抛弃if else。）

let status = 1;
status = status == 1 ? "男" : "女"

18：反转字符串

const reverse = str => str.split('').reverse().join('');
reverse('hello world');
// 'dlrow olleh'

19：防抖节流

Js中防抖与节流

自动生成常用javascript代码工具：

JS常用代码生成器_js代码在线生成

js代码美化：

Javascript或HTML在线美化，格式化

知识巩固：

javascript面试题大全_Js基础面试题（附答案）

参考手册：

JavaScript核心参考列表

常用的js代码以及自动在线生成JavaScript工具地址相关推荐

jsp/html开发中常用的JS代码和页面特效代码
1.jsp/html开发中常用的JS代码 1.后退前进 <input type="button" value="后退" onClick="hi ...
在线加密解密工具地址 https://www.keylala.cn
在线加密解密工具地址 https://www.keylala.cn 支持JSON解析,md5,sha1,sha256,sha512,des,3des,aes,hmacmd5,hmacsha 身份证号码 ...
【博客大赛】100行js代码实现网站在线用户数量统计 nodejs + socket.io方案
需求提出公司的在线培训平台,需要增加一个新功能:实时统计当前在线的用户数量并在终端界面上显示,需要的时候可以查询当前在线的用户的明细. 有3种技术方案可以选用: 1)改动后台代码,在用户登录和退出时 ...
常用前端JS代码与JS方法
[返回Z平台-帮助文档-首页] Z平台的核心JS方法都存储在 /webapp/js/z.js 文件中,如果想更全面的学习Z平台的开发,建议大家熟读该文件.平台前端的核心JS方法都在这. 共用JS方法 ...
html5表格在线生成,专业的Web报表工具——表格在线生成制作工具
Smartbi报表工具是新一代的在线Web报表工具,它具有丰富的帮助提示与向导指引,支持字段拖拽报表制作,并提供方便的快捷菜单和报表功能,旨在让报表制作工作变得更轻松! 丰富的帮助提示与向导指引在w ...
表格在线生成SQL工具
http://aiheihe.com/ 超好用的工具,表格在线生成SQL的小工具推荐, 处理结果:
PHP版田字格带笔顺临摹描红练习字帖在线生成小工具，可直接打印三色的田字格米字格回宫格空格灰格字帖，生成速度快可直接打印或导出成PDF文件等下载地址在最后
上面是首页的截图,下面是生成字帖的截图和程序源码这是个在线生成字帖的PHP小程序,用来给小朋友或大朋友们练字用的,从安装到最后调试我忙了整整一天,不过打印效果非常棒,最初拿到的源码用不了报错,后来改 ...
(转）常用的js代码
1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 & ...
ASP.NET中常用的js代码
3.在button的onClick事件中输入 this.RegisterClientScriptBlock("e","<scriptlanguage=javascr ...

常用的js代码以及自动在线生成JavaScript工具地址

1：数组求和使用reduce

2：数组去重

3：数组里的值是否满足一个要求

4：数组里的值是否都满足要求

5：检测值是否为数组

6：数组转换为对象

7：使用Map使数组直接返回结果

8：是否为奇偶数

9：交换变量

10：生成随机id

11获取对象key键值

12获取对象value值

13获取对象里指定的值（解构）

14合并对象

15模板字符串表达式

16快速将字符串转换为数组。使用扩展运算符可以快速转换为数组。

17使用三目运算判断值（抛弃if else。）

18：反转字符串

19：防抖节流

自动生成常用javascript代码工具：

js代码美化：

知识巩固：

参考手册：

常用的js代码以及自动在线生成JavaScript工具地址相关推荐

最新文章

热门文章

常用的js代码以及自动在线生成JavaScript工具地址

1：数组求和使用reduce

2：数组去重

3：数组里的值是否满足一个要求

4：数组里的值是否都满足要求

5：检测值是否为数组

6：数组转换为对象

7：使用Map使数组直接返回结果

8：是否为奇偶数

9： 交换变量

10：生成随机id

11获取对象key键值

12获取对象value值

13获取对象里指定的值（解构）

14合并对象

15模板字符串表达式

16快速将字符串转换为数组。使用扩展运算符可以快速转换为数组。

17使用三目运算判断值（抛弃if else。）

18：反转字符串

19：防抖节流

自动生成常用javascript代码工具：

js代码美化：

知识巩固：

参考手册：

常用的js代码以及自动在线生成JavaScript工具地址相关推荐

最新文章

热门文章

9：交换变量