JavaScript23年随笔之内置对象、简单和复杂数据类型

9 篇文章 0 订阅
订阅专栏

一、内置对象

可以通过MDN/W3C来查询文档进行学习,但MDN更具有权威性,更长使用。

MDN:https://deveolper.mozilla.org/zh-CN/

内置对象包括Math、Date、String等等;

Math数学对象,不是构造函数,所以不需要new来调用,而是直接使用里面的属性和方法。

1、Math

Math.abs(..);//绝对值

Math.floor();//向下取整,往小了取   floor地板

Math.ceil();//向下取整,往大了取    ceil天花板

Math.round();//四舍五入,但是.5往大了取

Math.random(无参数);//随机数,返回一个随机的小数[0,1)

Math.getRandomInt(min,max);//返回两数之间的随机整数[min,max)

Math.getRandomIntInclusive(min,max);//返回两数之间的随机整数[min,max]

案例(random):实现随机点名

 注意:也可以不写4,因为写4就写死了,所以可以写成arr.length-1。

案例(random):猜数字游戏

 //提示:如果约定只有10次猜的机会,可以用for

2、Date():处理日期和时间

Date():是个构造函数,必须使用new来调用创建我们的日期对象    注意:要使用Date,必须先var date=new Date();

Date(无参数);   //输出当前时间

Date(有参数);   //数字型参数2023,02,05→注意:输出比实际月份大一     字符串型参数'2023-2-5 18:4:1'(常用)

日期格式化年月日星期(无参数)如下图:

//注意1:getMonth()+1; 

//注意2:可采用数组的方法把星期0~6,改成星期日~星期六

格式化时分秒:

案例(格式化时分秒):返回当前的时分秒

案例(Date):时间戳(总的毫秒数)

案例:倒计时(京东秒杀倒计时)→用时间戳

3、数组对象Array

创建数组的两种方式:

检测是否为数组的两种方法:

案例( 检测是否为数组instanceof):翻转数组

添加删除数组元素的方法:

①添加数组元素的两种方法:

 ②删除数组元素的两种方法:

③添加删除数组元素的方法归纳:

 案例(数组追加元素push()):

reverse();//翻转数组函数

sort(无参数时);//排序无参数;注意:单位数的升序;别的位数的数排序会出问题eg:对13,1,4,77,7进行升序,输出结果为1,13,4,7,77(不正确)

sort(带函数时);用如下的方法排序正确(记忆):

 

返回数组元素索引号的两种方法:

indexOf(数组元素);lastIndexOf(数组元素);

 

案例(indexOf()):数组去重(记忆

 

数组转换成字符串的两种方法:

toString();join(分隔符也可无参数);

 

扩充:

4、字符串对象

基本包装类型:

 

字符串的不可变性:

注意:因为字符串的不可变性,所以不要大量的拼接字符串,会非常占内存空间,运行速度会变得很慢,会变卡,示范如下图:

 

字符串返回位置:

案例(字符串返回位置indexOf()):

 根据位置返回字符:

 

 案例(统计出现次数最多的字符):

 

 

 

 拼接以及截取字符串:

 扩展:

二、简单数据类型和复杂数据类型

 null:

1、数据类型内存分配:

 

 

2、简单数据类型传参:

3、复杂数据类型传参: 

 

web前端JavaScript框架动态代理机制详解
weixin_53097674的博客
12-02 407
web前端培训培训分享JavaScript框架JavaScript 是开发领域的重要技术之一。根据 Statista 的报告,JavaScript 是 2019开发人员使用的最流行的编程语言,在2020亦是如此。 然而,在为项目选择恰当的 JavaScript 框架时,即使对于专业 JavaScript 开发人员来说,这也是一项艰巨的任务。 今天,小编就整理了几个好用又强大的JavaScript 框架,希望能帮助更多的JavaScript 开发人员。 AngularJS AngularJS 是最强大、最
Arcgis for Js之加载wms服务
01-18 3416
概述:本节讲述Arcgis for Js加载ArcgisServer和GeoServer发布的wms服务。 1、定义resourceInfo var resourceInfo = { extent: new Extent(-126.40869140625,31.02539...
javascript23随笔
xzal12的博客
02-04 183
JavaScript23随笔
随笔二——JavaScript脚本语言
1514的博客
03-26 1079
模块三 JavaScript脚本语言 JavaScript(简称“JS”)由Netscape公司的Brendan Eich在网景导航者浏览器上首次设计实现而成。为了确保不同的浏览器上运行的JavaScript标准一致,几个公司共同制定了JS的标准命名为ECMAScript。JavaScript是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命
JavaScript 网页脚本语言 由浅入深 (随笔
weixin_33744854的博客
04-06 106
1)基础 学习目的: 1.客户端表单验证 2.页面动态效果 3.jQuery的基础 什么是JavaScript? 一种描述性语言,也是一种基于对象和事件驱动的,并具有安全性能的脚本语言 javaScript是一种基于对象和事件驱动的,并具有安全性能的脚本语言 解释执行javaScript特点向HTML页面中添加交互行为脚本语言,语法和java类似解释性语言,边执行边...
Java随笔(201710月23号~20184月7号)
weixin_42651231的博客
04-21 362
201710月23号 1.java:94改名,95推出 2.java特性:安全性、可移植性和平台无关性 3.java(jdk)中的bin目录中的.exe结尾的都是运行程序存放可执行文件; lib目录:存放java的类库文件; jre目录:存放java运行环境(一般jdk也会有自带jre,但那是测试用的) 4.各种类型的命名方式 类名:以大写字母开头,然后驼峰式; 变量名:以小写字母开头,...
四十二、前端基础之JavaScript
weixin_30790841的博客
09-07 155
JavaScript概述 ECMAScript和JavaScript的关系 199611月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为ECMAScript,这个版本就是1.0版。...
javaScript高级程序设计-------总结随笔
weixin_41888013的博客
07-06 220
  一、JavaScript实现     JavaScript(JS)是由ECMAScirpt(ES)、文件对象模型(DOM)、浏览器对象模型(BOM)三部分组成,每部分的作用如下:       ECMAScript: (3/5/6/7)它是JS语言的标准,规定了JS的编程语法和基础核心知识     DOM: document object model 文档对象模型,提供给JS很多操作页面...
前端面试笔记随笔---kalrry
kalrry
04-05 8716
面试笔记---kalrry第一部分:HTML5+CSS31、父元素和子元素宽高不固定,如何实现水平垂直居中2、分别实现骰子中的'一点' 和 '三点' 的布局。3、简述选择器~和+的区别。4、简述box-sizing的有效值以及所对应的盒模型规则。**5、flex中元素的margin是否会合并?**6、简述align-items和align-content的区别。7、简述data:属性的用法(如何设置,如何获取),有何优势?8、简述 title与h1的区别,b与strong的区别,i与em的区别。9、什么是标
JavaScript数据类型之基本类型和引用类型的值
10-24
JavaScript是一种动态类型的语言,它的数据类型分为两大类:基本类型(Primitive Types)和引用类型(Reference Types)。这两种类型的值有着显著的区别,理解这些差异对于编写高效且无误的JavaScript代码至关重要。...
JavaScript学习笔记之内置对象
10-24
本文主要介绍了javascript中的内置对象,包括图像对象、导航对象、窗口对象、屏幕对象、事件对象、历史对象、文件对象(重要)、锚点对象、链接对象、框架对象、表单对象(重要)、位置对象,这里简单做下介绍,后续在...
浅谈JavaScript内置对象和浏览器对象
10-22
总的来说,JavaScript内置对象和浏览器对象为开发者提供了强大的工具,无论是处理数据类型、执行计算,还是与用户交互、操纵页面内容,都离不开这些对象的支持。理解并熟练运用这些对象是成为高效JavaScript开发者...
Javascript 类型转换、封闭函数及常见内置对象操作示例
10-15
主要介绍了Javascript 类型转换、封闭函数及常见内置对象操作,结合实例形式分析了JavaScript类型显示转换、隐式转换、变量作用域、封闭函数及常用内置对象相关操作技巧,需要的朋友可以参考下
Day43
最新发布
m0_67496588的博客
06-20 700
JSON,Ajax
工具链--nuxt框架 简介(一)
qq_35876316的博客
06-16 371
Nuxt框架是一个基于Vue.js的服务器端渲染(SSR)框架,旨在提供一套完整的前端开发解决方案,帮助开发者构建高性能、可扩展的Web应用。是一个功能强大、易于使用的Web开发框架,适用于多种开发场景和需求。Nuxt框架建立在Vue.js之上,它抽象出了管理异步数据、中间件和路由所涉及的大部分复杂配置。Nuxt不仅继承了Vue.js的所有优点,如易用性、灵活性等,还与Node.js紧密集成,使得开发者可以在项目中轻松地使用Node.js的各种功能。
一个很好用的地图工具的使用:思极地图,以及vue+思极地图的使用
浩星
06-18 386
思极地图,给我们带来了很多便利,这里分享下他的信息与使用。
使用nvm管理nodejs版本,设置淘宝NPM镜像源
d312697510的博客
06-19 168
使用nvm管理nodejs版本,设置淘宝NPM镜像源,修改新的镜像源地址
【element 】修改下拉菜单<el-dropdown样式为横向(超简单
qq_61798306的博客
06-18 260
【element 】修改下拉菜单
JavaScript的基本数据类型内置对象
04-25
JavaScript 的基本数据类型包括:字符串 (String)、数值 (Number)、布尔值 (Boolean)、空值 (null)、未定义值 (undefined)。 JavaScript内置对象包括:全局对象 (Global Object)、数组 (Array)、日期 (Date)、...

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • Python3.8.5版本下载步骤 4464
  • vue3环境搭建、vite命令和vue指令 1317
  • UML中的关系以及建模图 995
  • JavaScript随笔1之声明变量,局部变量与全局变量的关系,创建数组的几种方式,函数 814
  • 数据库系统概论(第5版)的随笔 587

分类专栏

  • vue 4篇
  • C++ 1篇
  • css 1篇
  • html 1篇
  • Python 2篇
  • Javascript 9篇
  • PS 1篇
  • PHP 4篇
  • Rose 1篇

最新评论

  • vue2.0随笔之下篇

    CSDN-Ada助手: 非常感谢您分享了“vue2.0随笔之下篇”的博客,非常有价值!希望您能一直坚持写作,我们期待您更多的优秀作品。同时,我们也建议您可以尝试撰写“Vue.js 的响应式数据绑定实现原理”这一主题,相信这一篇文章一定会受到大家的关注和喜爱。再次感谢您的分享,期待您的下一篇精彩博客! 2023年博客之星「城市赛道」年中评选已开启(https://activity.csdn.net/creatActivity?id=10470&utm_source=blog_comment_city ), 博主的原力值在所在城市已经名列前茅,持续创作就有机会成为所在城市的 TOP1 博主(https://bbs.csdn.net/forums/blogstar2023?typeId=3152981&utm_source=blog_comment_city),更有丰厚奖品等你来拿~。

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • vue3环境搭建、vite命令和vue指令
  • C++的基础随笔一
  • python基础随笔
2023年16篇
2022年13篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司塘坑网站推广工具西乡关键词排名包年推广南澳网站改版荷坳百姓网标王推广荷坳网站设计模板坂田模板网站建设惠州建设网站石岩网络推广南澳网站推广工具广州网站设计模板龙岗阿里店铺运营坂田网站优化按天扣费横岗企业网站改版横岗关键词排名双龙百度关键词包年推广观澜关键词排名平湖网页设计大芬网站推广工具惠州关键词按天计费大浪标王南山网站优化爱联网页制作深圳网站seo优化木棉湾企业网站制作大鹏网络营销观澜关键词按天收费荷坳网络营销塘坑百搜词包福田SEO按天收费罗湖企业网站设计歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化