javaScript基本操作

反向字符串

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

滚动到页面顶部

const scrollToTop = ( ) => window.scrollTo(0, 0);scrollToTop( );

删除数组中的重复项

const removeDuplicate = (arr) => [...new Set(arr)];removeDuplicate([1, 2, 3, 4, 4, 2, 1]);    // [1, 2, 3, 4]

获取数组中的随机项

const randomItemArray = (arr) => arr[Math.floor(Math.random( ) * arr.length)];randomItemArray(['a', 'b', 'c', 1, 2, 3]);

获取数组中的最大项

const maxNumber = (arr, n = 1) => [...arr].sort((a, b) => b - a).slice(0, n);maxNumber([4,9,5,7,2])      /* 9 */

检查型号

function isNumber(num) {return !isNaN(parseFloat(num)) && isFinite(num);}isNumber("Hello");    /*false*/isNumber(123);      /*true*/

检查类型为空

const checkNull = val => val === undefined || val === null;checkNull(123)         /* false */checkNull()           /* true */checkNull('hello')     /* false */

获取数组中的最小数

const minNumber = (arr, n = 1) => [...arr].sort((a, b) => a - b).slice(0, n);console.log(minNumber([3,5,9,7,1]))     /*1*/

获取数组中的平均数

const averageNumber = arr => arr.reduce((a, b) => a + b) / arr.length;averageNumber([1, 2, 3, 4, 5])       /* 3 */

检查元素的类型

const checkType = v => v === undefined ? 'undefined' : v === null ? 'null' : v.constructor.name.toLowerCase();checkType(true)             /*boolean*/checkType("hello World")    /*string*/checkType(123)           /*number*/

计算数组中元素的出现次数

const countOccurrences = (arr, val) => arr.reduce((a, v) => (v === val ? a + 1 : a), 0);countOccurrences([1,2,2,4,5,6,2], 2)  /* Số 2 xuất hiện 3 lần trong array */

使用Javascript获取当前的URL

const getCurrentURL = () => window.location.href;getCurrentURL() /* https://www.niemvuilaptrinh.com */

大写字符串中的字母

const capitalizeString = str => str.replace(/b[a-z]/g, char => char.toUpperCase());capitalizeString('niem vui lap trinh'); /* 'Niem Vui Lap Trinh' */

将RGB转换为16进制

const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);rgbToHex(52, 45, 125);    /* Kết quả là: '#342d7d'*/

将数字转换为数组

const numberToArray = n => [...`${n}`].map(i => parseInt(i));numberToArray(246) /*[2, 4, 6]*/numberToArray(357911)      /*[3, 5, 7, 9, 1, 1]*/

从HTML中获取内容

const getTextInHTML = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';getTextInHTML('<h2>Hello World</h2>'); /*'Hello World'*/

在JS中分配多个变量

var [a,b,c,d] = [1, 2, 'Hello', false];console.log(a,b,c,d)     /* 1 2 'Hello' false */

空数组

let arr = [1, 2, 3, 4, 5];arr.length = 0;console.log(arr);      /* Kết quả : [] */

在JS中复制对象

const obj = {name: "niem vui lap trinh",age: 12};const copyObject = { ...obj };console.log(copyObject); /* {name: 'niem vui lap trinh', age: 12}*/

检查偶数和奇数

const isEven = num => num % 2 === 0;console.log(isEven(1));        /*false*/console.log(isEven(2));       /*true*/

合并两个或多个数组JS

const arr1 = [1, 2, 3];const arr2 = [4, 5, 6];const arr = arr1.concat(arr2);console.log(arr);        /* [1, 2, 3, 4, 5, 6] */

将内容复制到剪贴板

const copyTextToClipboard = async (text) => {await navigator.clipboard.writeText(text)}

从一系列值中选择一个随机数

var max = 10;var min = 1;var numRandom = Math.floor(Math.random() * (max - min + 1)) + min;console.log(numRandom)

检查元素是否聚焦

const elementFocus = (el) => (el === document.activeElement);elementIsInFocus(element);/*if true element is focus*//*if false element is not focus*/

用JS测试苹果设备

const isAppleDevice =/Mac|iPod|iPhone|iPad/.test(navigator.platform);console.log(isAppleDevice);/*if true element is apple devices **//*if false element is not  apple devices*/

将字符串转换为数组

const str = "Hello";const arr = [...str];console.log(arr);        /* ['H', 'e', 'l', 'l', 'o'] */

在JS中使用箭头函数

const sum = function(x, y) {return x + y;};/* arrow function */const sum = (x, y) => x + y;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/528109.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

按钮点击打开新页面_PDF怎么打开?如何制作一个PDF格式的文档?

不知你是否也一样&#xff0c;无论是在网上下载资料还是其他人发送的文件都是PDF格式的。但是应该如何打开PDF文件呢&#xff1f;如何自己制作一个PDF格式的文档呢&#xff1f;首先说一下如何打开PDF格式的文件&#xff0c;电脑端就比较简单的&#xff0c;直接下载PDF阅读器后&…

YOLOv8 如何进行多任务合并:分割与检测合并进行自动驾驶

文章大纲 多任务的合并:分割与检测合并进行自动驾驶Update:The Illustration of A-YOLOMContributionsResultsParameters and speedTraffic Object Detection ResultDrivable Area Segmentation ResultLane Detection Result:Ablation Studies 1: Adaptive concatenation modu…

android 根据bounds坐标进行点击操作_炫酷的Android时钟UI控件,隔壁产品都馋哭了...

废话不多说&#xff0c;先上效果效果酷炫&#xff0c;动画丰富&#xff0c;效果爆炸boom&#xff5e;设计思路看腻了市面上各种丑陋难看的时钟控件&#xff0c;是时候整点新活&#xff01;将现实生活中的摆钟圆形表盘设计、电子手表的数显表盘设计抽象出来&#xff0c;提取出“…

打了断点为直接运行完_BBC主持人多次打断,香港大律师忍不住发飙

来源:环球网7月7日&#xff0c;香港资深大律师汤家骅就香港《国安法》相关内容接受BBC栏目《唇枪舌剑》(HARDtalk)采访。节目主持人斯蒂芬•萨克在整个访问过程中频频打断汤家骅&#xff0c;根本不让汤家骅回答完问题。视频显示&#xff0c;汤家骅多次试图向萨克解释《国安法》…

指针 是否相同_算法一招鲜——双指针问题

什么是双指针&#xff08;对撞指针、快慢指针&#xff09;双指针&#xff0c;指的是在遍历对象的过程中&#xff0c;不是普通的使用单个指针进行访问&#xff0c;而是使用两个相同方向&#xff08;快慢指针&#xff09;或者相反方向&#xff08;对撞指针&#xff09;的指针进行…

python字符串添加成员_Python - 字符串的操作方法

字符串操作方法生成字符串str Python string Function studysequence类型都支持的一些通用操作&#xff1a;成员检查&#xff1a;in、not in Py in str python not in str连接&#xff1a; str_new str1 str2复制&#xff1a;* str * 2下标取值&#xff1a;s[i] str[3]切片&…

作为神经网络的输入_MATLAB实战|基于神经网络河南省降水量预测

1 BP神经网络结构神经网络旨在通过模仿动物的神经系统利用神经元作为连接结点的新型智能算法&#xff0c;神经网络本身包含三层结构&#xff0c;输入层&#xff0c;隐含层&#xff0c;输出层&#xff0c;每一层都有自己的特殊功能&#xff0c;输入层进行因子的输入与处理。由于…

docker kafka互通有问题_Docker搭建kafka集群

拉取镜像docker pull wurstmeister/kafka docker pull wurstmeister/zookeeper启动镜像docker run --name zookeeper -p 12181:2181 -d wurstmeister/zookeeper:latestdocker run -p 19092:9092 --name kafka1 -d -e KAFKA_BROKER_ID0 -e KAFKA_ZOOKEEPER_CONNECT宿主机ip:1218…

示坡线高程判断_一步一步教你识别地形图

(五)地貌的表示方法地球表面是起伏不平的&#xff0c;有高山&#xff0c;有深海&#xff0c;有丘陵和平原&#xff0c;有沙漠和草原&#xff0c;还有江河和湖泊等等&#xff0c;这些高低不平&#xff0c;形状各异的地貌是怎样表示在平面图纸上的呢?地貌的表示方法&#xff0c;…

html 图片 高度无效_HTML笔记(详细)

HTML的标签分类双标签&#xff1a;如<strong>标签的内容</strong> 语法&#xff1a;<开始标签> 标签内容 </结束标签><strong>我要变粗</strong> <head></head>...... 单标签&#xff1a;<br/>单标签都是功能性的标签&…

elementui 上传七牛_element ui使用上传组件上传文件到七牛(qiniu-js)

博主正在重构博客中&#xff0c;刚开始时静态资源都是上传到本地服务器的&#xff0c;但这个项目博主最后打算真正上线运营的。索性就改进了下&#xff0c;把静态资源尽量放到云存储中&#xff0c;方便后续开发。这里把方法和遇到坑给记录下。1.使用前提注册七牛云并创建存储空…

bool类型0和1真假_MySQL整理5—数据类型和运算符

数据科学探路者&#xff1a;MySQL整理4—数据表的基本操作2​zhuanlan.zhihu.com一、数据类型数据科学探路者&#xff1a;MySQL知识整理1—数据库基础​zhuanlan.zhihu.com在上面链接的部分内容中&#xff0c;介绍了以下数据类型&#xff1a;整数类型&#xff1a;BIT、BOOL、TI…

mysql 消息队列_MYSQL模拟消息队列(转载) | 学步园

《PHP核心技术与最佳实践》第5章中的内容&#xff1a;MYSQL模拟消息队列主要用于微博&#xff0c;团购秒杀等场合&#xff0c;其用意是将大量并发的数据库操作变得缓慢可控&#xff0c;达到削峰的目地。同时实现方式也比较简单易行。比如微博某大V发布了一条微博&#xff0c;那…

mysql查询后调用mysql_free_result_怎么释放_关于mysql_free_result和mysql_close的解惑

之前用mysql的时候一直是在用短链接&#xff0c;调用mysql_store_result获取一次数据之后就直接调用&#xff1a;以下是代码片段&#xff1a; mysql_free_result(m_result); mysql_close(m_Database);但是有两个问题&#xff1a;以下是引用片段&#xff1a;1.当使用长连接时(即…

mysql查询 百万_MySQL百万级数据分页查询优化

前言当需要从数据库查询的表有上万条记录的时候&#xff0c;一次性查询所有结果会变得很慢&#xff0c;特别是随着数据量的增加特别明显&#xff0c;这时需要使用分页查询。对于数据库分页查询&#xff0c;也有很多种方法和优化的点。下面简单说一下我知道的一些方法。准备工作…

mysql mac 中文乱码_Mac mysql 解决中文乱码

Mac mysql 解决中文乱码问题出现“???”之类的无法识别的乱码到/etc目录下自己建一个my.cnf文件(需要最高权限,使用sudo su)&#xff0c;然后写入内容&#xff1a;[client]default-character-setutf8[mysqld]character-set-serverutf8保存&#xff0c;修改。关掉重启mysql&a…

tos重装mysql_云服务器(腾讯云)从零开始部署记录(3)之mysql5.7安装

1、安装yum repocentos的yum源中没有mysql(可尝试直接使用安装命令&#xff1a;yum install mysql-server尝试)&#xff0c;需要到mysql的官网下载yum repo配置文件&#xff0c;然后安装&#xff1a;#下载wget https://dev.mysql.com/get/mysql57-community-release-el7-9.noar…

linux启动mysql1820_linux 系统下MySQL5.7重置root密码(完整版,含ERROR 1820 (HY000)解决方案)...

mysql的root密码忘记了怎么重置&#xff1f;往下看&#xff1a;1.保证你的mysql服务处于关闭状态。(用ps -ef | grep mysql 查看进程&#xff0c;有则kill -9 进程号)2.在my.cnf所在目录中执行 vim my.cnf3.在[mysqld] 后边加入skip-grant-tables如图&#xff1a;并保存。4.启动…

mysql查询按值多的排序_MySQL查询结果按某值排序

MySQL查询结果按某值排序 使用MySQL很多时候我们不仅只是查询出结果&#xff0c;还需要对查询结构进行排序&#xff0c;下文对查询结果按某值排序的方法作了详细的介绍&#xff0c;供您参考。 AD&#xff1a; MySQL查询结果如何排序呢&#xff1f;这是很多人都提过的问题&#…

mysql 5.7 ssd_6T!阿里云MySQL 5.7 存储空间再刷新高

近日&#xff0c;阿里云宣布华东1(杭州)上线MySQL 5.7 高可用版 SSD云盘型实例&#xff0c;最高可支持6T存储空间容量&#xff0c;支撑海量数据存储&#xff0c;6T是个什么概念&#xff0c;之前MySQL 5.7 高可用版最大存储空间是3T&#xff0c;相当于翻了一倍。此次扩展存储空间…