JavaScript笔记 08

目录

01数组的遍历方法

02 清空数组的三种方式

03 Date 日期对象的创建和使用

04 Math数学对象

05 String字符串的常用方法

06 包装类的概述


 

01数组的遍历方法

数组有五中功能不同的遍历方法:

        针对数组的每一个元素进行参数的回调函数

        把当前元素作为第一实参 当前元素的索引作为第二个实参 当前数组作为第三个实参

        五种遍历方式参数都是回调函数 回调函数的参数一模一样

        1.forEach 方法

        单纯的遍历数组

    var arr = ['宋江','武松','鲁智深','吴用','哈哈哈哈']arr.forEach(function(item,index,arr){console.log(item,index,arr);})

        2.filter 方法 

        会返回一个数组  回调函数return true的那个元素  会放到新数组里面 可以用作数组元素过滤

    var arr1=arr.filter(function(item,index,arr){if(item.length>2){return true;}})console.log(arr1)

        3.map方法

        map方法也会返回一个新数组 回调函数return的内容
        就是新数组的每个元素 新暑促的长度与原数组长度一致  可以用作数组的二次加工

    var newArr=arr.map(function(item,index,arr){return item+'-->您好'})

        4.every方法

        对数组的每个元素进行回到函数 如果所有回到函数都返回true则every方法返回true

        如果其中有一个回调函数返回false 则every立即停止遍历every返回false

    var boo=arr.every(function(item,index,arr){if(item.length>3){return false;}return true;})console.log(boo)

        5.some方法

        对数组的每个元素进行回调函数 如果素有回调函数都返回false则some返回false

        如果其中有一个回调函数返回true 则some立即停止遍历 some返回true

    var boo=arr.some(function(item,index,arr){if(item.length>2){return true}retrun false})console.log(boo)

02 清空数组的三种方式

        var arr=[1,12,34,56] //创建一个数组

        1数组删除  arr.splice(0); //从索引值为0开始删除 一直删到最后

        2.直接替换成新数组(推荐使用)  arr=[ ]

        3.修改数组长度    arr.length=0;

        (不推荐使用  在其他编程语言中 数组的长度length属性之都 但是js是可以修改的) 

        

03 Date 日期对象的创建和使用

        Date日期对象 专门用来操作日期时间相关的内容:

                1.获取当前日期的date对象

                        var date=new Date( )

                2.设置指定时间的date对象(兼容性最强)

                        var date= new Date('年-月-日 时:分:秒');

                3.设置指定时间的date对象

                        var date =new Date('年,月,日,时:分:秒');

        获取日期和时间:

                getFullyear()  获取年份

                getMonth() 获取月份

                getDate() 获取日期

                getDay()  获取星期

                getHours() 获取小时

                 getMinutes() 获取分钟

                getSeconds()  获取秒钟

                getMilliseconds() 获取毫秒值  1000ms(毫秒) = 1s(秒)

        时间戳:

                所谓的时间戳就是指从1970年1月1日00点00分00秒00毫秒开始

                到现在这一刻的总的毫秒值.

                date对象获取时间戳的四种方式:

                        +new Date()

                        Date.now()

                        date对象.valueOf()

                        date对象.getTime()

        日期转换:

                Date构造函数可以传入一个时间戳 获取这个时间戳对应的Date对象

                字符串格式的日期转换:

  var str='2020-05-08 15:25:08'var date=new Date(str)console.log(date);console.log(date.getFullYear()+'年'+(date.getMonth()+1)+'月'+date.getDate()+'日');

              把字符串格式的日期解析成时间戳 :

    var a=Date.parse(str);console.log(a);
04 Math数学对象

        Math专门处理数学相关的数据

                Math.PI  //π

                Math.abs() //绝对值

                Math.max() //最大值

                Math.min()  //最小值

                Math.random()  //随机数

                (默认0~1之间的小数的随机数  包含0 不包含1)

        小数取整的三个方法:

                Math.ceil() //向上取整

                Math.floor() //向下取整

                Math.round() //四舍五入

        n~m之间的随机数公式:

                ***** Math.floor(Math.random()*(m+1-n)+n) *****

05 String字符串的常用方法

        查找方法:

                根据位置查找字符: 字符串变量.

                        charAt(索引值)

                根据位置查找字符的编码值:

                        字符串变量.charCodeAt(索引值)

                根据字符串查找第一个出现的位置 找不到返回-1

                        字符串变量.indexOf('d')  //从前往后查找

                        字符串变量.indexOf('d',3) //从指定位置开始往后查找第一个

                        字符串变量.lastIndexOf('s') //从后往前查找

                        字符串变量.lastIndexOf('s',4) //从指定位置开始从后往前查找

        操作方式:

                字符串拼接: 字符串变量.concat("要拼接的字符串列表") 和+作用一样

                字符串截取:

                        字符串变量.slice(start) //从start开始一直截取到字符串末尾

                        字符串变量.slice(start,end)  //从start开始 到end结束 包含start不包含end

                        substring和slice的作用一模一样

                        字符串变量.substring(start)

                        字符串变量.substring(start ,end)

        其他方法:

                去除首尾空格:  字符串变量.trim()

                去掉首空格:字符串变量.trimStart()

                去掉尾空格:字符串变量.trimEnd()

                判断字符串是以什么开始的:(正确返回true 错误返回false)

                        字符串变量.startsWith('字符串')

                判断字符串是以什么结束的:

                        字符串变量.endsWith('字符串')

                判断是否包含指定字符串

                        字符串变量.include("字符串")

                字符串重复: 

                        字符串变量.repeat(重复的次数)

                字符串替换:(只替换找到的第一个)

                         字符串变量.replace(被替换的字符串,新字符串)

                替换所有:

                         字符串变量.replaceAll(被替换的字符串,新字符串)

                转大写: (将字符串中所有小写字母都转成大写)

                        字符串变量.toUpperCase()

                转小写:(将字符串中的所有大写字母都转成小写)

                        字符串变量.toLowerCase()

                字符串填充:

                        在字符串开头的位置填充 :

                                字符串变量.padStart(长度,填充参数)

                        在字符串尾部的位置填充:

                                字符串变量.padEnd(长度,填充参数)

                        填充参数的字符串 一直填充至字符串的长度为第一个参数

                        如果字符串填充不满 则重复填充 如果新字符串长度不投一次填充 则填充部分

06 包装类的概述

        js是基于对象的编程语言

                不能创建自定义类型 有很多内置对象  直接拿过来就可以使用

      三种基本数据类型 对用的也有三种包装类型

                因为三种基本数据类型不是对象 所以无法封装方法 那么很多需求无法处理

                为了能够针对三种基本类型封装一些处理方法

                所以推出了对应的包装类型

                number-->Number

                boolean-->Boolean

                string-->String

        三种基本类型都有对应的包装类

        基本类型和包装类型之间 系统会自动进行转换

        当我们尝试把基本类型去调用属性或者方法的时候 那么自动把这个基本类型转换成包装类型

        同理 我们使用包装类型去尝试使用基本类型的功能式  系统自动把包装类型转换成基本类型

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

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

相关文章

java获取Date类型的年份

java获取Date类型的年份 Java获取Date类型的年份 在Java编程中,我们经常会涉及到日期和时间的操作。而获取一个Date类型对象的年份是其中的一个常见需求。本文将介绍如何使用Java获取Date类型的年份,并提供相应的代码示例。 Date类简介 在Java中&…

XSS 简述及解决

参考文章:https://www.writesoftwarewell.com/content-security-policy/ 什么是XSS XSS(Cross Site Scripting)即跨站脚本攻击,即当前站点加载并执行了来自其他站点的js,导致Cookie泄漏等安全问题。 怎么产生 多发生在允许用户填写并展示…

PHP定时任务框架taskPHP3.0的学习记录1(TaskPHP、执行任务类的实操代码实例)

TaskPHP是一个基于PHP的定时任务框架,它提供了一个简单、灵活且易于使用的解决方案,用于在PHP环境中执行定时任务。下面是对TaskPHP框架的简要介绍: 简单易用:TaskPHP的设计目标是让定时任务的创建和管理变得简单。通过简单的配置…

Learning To Count Everything

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 摘要Abstract文献阅读:学习数一切东西1、研究背景2、提出方法3、模块详细3.1、多尺度特征提取模块3.2、密度预测模块 4、损失函数5、性能对比6、贡献 二…

城管智慧执法系统源码,基于微服务+java+springboot+vue开发

城管智慧执法系统源码,基于微服务javaspringbootvue开发 城管智慧执法系统源码有演示,自主研发,功能完善,正版授权,可商用上项目。 一套数字化的城管综合执法办案系统源码,提供了案件在线办理、当事人信用…

Platypus 一种集中式的央行数字货币方案

集中式的CBDC,混合使用账户模型和UTXO模型。 角色分类 中央银行:发行货币,交易验证,公开交易日志,防止双花。 不是完全受信任的,假定为会遵守监管要求,但可能会破坏交易隐私,即获…

正弦实时数据库(SinRTDB)的使用(9)-有损压缩

前文已经将正弦实时数据库的使用进行了介绍,需要了解的可以先看下面的博客: 正弦实时数据库(SinRTDB)的安装 正弦实时数据库(SinRTDB)的使用(1)-使用数据发生器写入数据 正弦实时数据库(SinRTDB)的使用(2)-接入OPC DA的数据 正弦实时数据库(SinRTDB)…

Kafka学习之:mac 上基础使用 python 来使用 kafka 的生产者和消费者进行数据处理

文章目录 前提python 环境配置Kafka 生产消费者模型生产者 producer检查当前存在的所有 topic / 是否自动创建 topic为什么 producer 要通过 key, value 来发布数据键(Key)值(Value) 消费者 consumerconsumer 得到的 message 有哪…

MES系统怎么解决车间生产调度难的问题?

MES系统三个层次 1、MES决定了生产什么,何时生产,也就是说它使公司保证按照订单规定日期交付准确的产品; 2、MES决定谁通过什么方式(流程)生产,即通过优化资源配置,最有效运用资源; …

关于SVG格式图片实现室内地图

SVG格式图片 可缩放矢量图形(Scalable Vector Graphics,SVG)基于 XML 标记语言,用于描述二维的矢量图形。 作为一个基于文本的开放网络标准,SVG 能够优雅而简洁地渲染不同大小的图形,并和 CSS、DOM、JavaScript 和 SMIL 等其他网络标准无缝衔接。本质上,SVG 相对于图像…

react学习总结(二)之案例分享

一.项目框架的搭建 1./src/pages下建不同的页面Header.jsx,About.jsx,Home.jsx, Message.jsx,News.jsx,Detail.jsx Header.jsx import React from react import { useNavigate } from react-router-domexport defau…

C++多线程:线程的创建、join、detach、joinable方法(二)

1、线程的开始与结束 程序运行起来,生成一个进程,该进程所持有的主线程开始自动运行,main主线程运行完所有的代码从main函数中返回表示整个进程运行完毕,标志着主线程和进程的死亡,等待操作系统回收资源,因…

nginx如何清理页面缓存

在 Nginx 中,清理页面缓存通常涉及配置缓存头以控制缓存行为,或者使用外部工具或机制来清除缓存。以下是一些建议来管理和清理 Nginx 的页面缓存: 配置缓存头: Nginx 本身不直接提供缓存机制,但可以通过配置 proxy_cac…

安全算法 - 国密算法

国密算法是中国自主研发的密码算法体系,包括对称加密算法、非对称加密算法和哈希算法。其中,国密算法采用SM4作为对称加密算法,SM2作为非对称加密算法,以及SM3作为哈希算法。国密算法在信息安全领域具有重要意义和广泛应用&#x…

Cocos Creator 常见问题记录

目录 问题1、精灵图九宫格,角度不拉伸 问题2、BlockInputEvents 防止透屏 问题1、精灵图九宫格,角度不拉伸 点击编辑,拖拽到可变区域 问题2、BlockInputEvents 防止透屏

【独立开发前线】Vol.26 【独立开发产品】吉光卡片-让你的文字变得酷炫起来

今天给大家分享一下 独立开发前线 社区成员张小吉 的作品 吉光卡片; 这是一款iOS的APP,下载:吉光卡片,主要功能是帮你制作酷炫的文字卡片,用精美的卡片让你的文字生动起来。 展示效果如下: 你可以用它制作…

【公示】2023年度青岛市级科技企业孵化器拟认定名单

根据《青岛市科技企业孵化器管理办法》(青科规〔2023〕1号)(以下简称《管理办法》)、《关于开展2023年度市级科技企业孵化器认定申报工作的通知》,经申报受理、区市推荐、形式审查、专家评审及现场核查等程序&#xff…

为何keil编译信息显示data使用量不是整数

在使用Keil软件进行嵌入式系统开发时,编译后显示的数据使用量(Data Usage)可能会以小数形式显示。这种情况通常是由以下几个原因造成的: 1.内存对齐:为了提高内存访问效率,编译器会对数据进行对齐处理。例…

【笔记】动⼿学深度学习(花书)|| Aston Zhang Mu Li Zachary C. LiptonAlexander J. Smola

系列文章目录 提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加 前言 第一章 深度学习简介 第二章 P 提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 系列文章目录前言本书…

BasicVSR++模型转JIT并用c++libtorch推理

BasicVSR模型转JIT并用clibtorch推理 文章目录 BasicVSR模型转JIT并用clibtorch推理安装BasicVSR 环境1.下载源码2. 新建一个conda环境3. 安装pytorch4. 安装 mim 和 mmcv-full5. 安装 mmedit6. 下载模型文件7. 测试一下能否正常运行 转换为JIT模型用c libtorch推理效果 安装Ba…