主要内容:

常用内置对象有数组,字符串,Date日期对象.math内置对象.

所谓内置对象就是ECMAScript提供出来的一些对象,我们知道对象都是有相应的属性和方法

1.数组Array

数组的创建方式

1)字面量方式创建(推荐大家使用这种方式,简单粗暴)

示例:

var colors =["red","color","yellow"];

2)使用构造函数(后面会讲)的方式创建,使用new关键词对构造函数进行创建对象.

var colors2 = new Array();

下面是示例代码:

    <script>var lst = [];console.log(lst,typeof lst)var lst1 = new Array;console.log(lst1,typeof lst1)</script>

数组的赋值:

通过下标进行赋值:

代码如下:

    <script>var lst = [];lst[0] = 123;lst[2] = "leon";console.log(lst,typeof lst)</script>

数组的常用方法:

具体使用说明如下:

1)数组的合并 concat()

<script>var north = ["北京","山东","天津"]var south = ["上海","广州","深圳"]newcity = north.concat(south)console.log(newcity)console.log(north)console.log(south)
</script>

这里注意一下是生成新的数组,以前的数组并没有发生变化.

2)join()将数组中的元素使用指定的字符串连接起来.它会形成一个新的字符串.

示例:

<script>var lst = ["北京","上海","天津","重庆"]var l = lst.join("|")console.log(l)//北京|上海|天津|重庆
</script>

3)将数组转换成字符串toString()

示例:

<script>var lst = ["北京","上海","天津","重庆"]var l = lst.toString()console.log(l)
// 执行结果是    北京,上海,天津,重庆
</script>

4)返回数组的一段,左闭右开. slice(start,end)

<script>var lst = ["北京","上海","天津","重庆"]var l = lst.slice(1,3)console.log(l)
// 执行结果是   ["上海", "天津"]
</script>

5)pop 移除数组的最后一个元素,注意这里返回的是移除的数据..

示例:

<script>var lst = ["北京","上海","天津","重庆"]var l = lst.pop()console.log(l)console.log(lst)
// 执行结果是   重庆
//["北京", "上海", "天津"]
</script>

6) push() 向数组最后添加一个元素,这个返回的是增加后列表的长度,

示例如下:

<script>var lst = ["北京","上海","天津","重庆"]var l = lst.push("杭州")console.log(l)console.log(lst)
// 执行结果是   5
//["北京", "上海", "天津", "重庆", "杭州"]
</script>

7)reverse()翻转数组,注意翻转的是原数组.

<script>var lst = ["北京","上海","天津","重庆"]lst.reverse()// console.log(l)
    console.log(lst)
// 执行结果是   5
//["重庆", "天津", "上海", "北京"]
</script>

8)sort对数组排序

<script>var lst =  ['alex','xiaoma','tanhuang','abngel'];lst.sort()// console.log(l)
    console.log(lst)
// 执行结果是   ["abngel", "alex", "tanhuang", "xiaoma"]
//以字母排序
</script>

9)判断是否是数组 is Array()

语法:

布尔类型值 = Array.isArray(被检测的值) ;

示例:

<script>var lst =  ['alex','xiaoma','tanhuang','abngel'];lst.sort()// console.log(l)
    console.log(Array.isArray(lst))
// 执行结果是  true
//
</script>

4.字符串Stringv

字符串方法

1)chartAt()返回指定索引的位置的字符

示例:

<script>var str ="leon"var charset = str.charAt(3)console.log(charset)//执行结果是 n
</script>

2)concat 返回字符串值,表示两个或多个字符串的拼接.

<script>var str ="leon"var str2 = "ben"var str1 = str2.concat(str,str)console.log(str1)//执行结果是 benleonleon
</script>

3)  replace(a,b) 将字符串a替换成字符串b

注意这里是生成新的字符串.

示例:

<script>var a = "1234567"var b = a.replace("2","b")console.log(b)//结果如下:1b34567
</script>

4)indexof() 查找字符的下标,如果找到返回字符串的下标,找不到则返回-1 。跟seach()方法用法一样

示例:

<script>var a = "1234567"var b = a.indexOf(1)console.log(b)//结果如下:0
</script>

5)slice(start,end)左闭右开,分割字符串

<script>var a = "1234567"var b = a.slice(1,4)console.log(b)//结果如下:234
</script>

6)split('a',1) 以字符串a分割字符串,并返回新的数组。如果第二个参数没写,表示返回整个数组,如果定义了个数,则返回数组的最大长度

<script>var a = '我的天呢,a是嘛,你在说什么呢?a哈哈哈';var b = a.split(",",1)console.log(b)//结果如下:不加1的话,返回全部列表,如果加1的话,返回列表第一个元素.
</script>

7)7 substr(statr,end) 左闭右开

var  str =  '我的天呢,a是嘛,你在说什么呢?a哈哈哈';
console.log(str.substr(0,4));//我的天呢

8) toLowerCase()转小写

var str = 'XIAOMAGE';
console.log(str.toLowerCase());//xiaomage

9)toUpperCase()转大写

var str = 'xiaomage';
console.log(str.toUpperCase());

特别://1.将number类型转换成字符串类型
var num = 132.32522;
var numStr = num.toString()
console.log(typeof numStr)
//四舍五入
var newNum = num.toFixed(2)
console.log(newNum)

5.Date日期对象

创建日期对象只有构造函数一种方式,使用new关键字

//创建了一个date对象
var myDate = new Date();

//创建日期对象
var myDate=new Date();//获取一个月中的某一天
console.log(myDate.getDate());//返回本地时间
console.log(myDate().toLocalString());//2018/5/27 下午10:36:23

6.Math 内置对象

常用内置对象

6.1 Math.ceil() 向上取整,'天花板函数'

var x = 1.234;
//天花板函数  表示大于等于 x,并且与它最接近的整数是2
var a = Math.ceil(x);
console.log(a);//2

6.2 Math.floor 向下取整,'地板函数'

var x = 1.234;
// 小于等于 x,并且与它最接近的整数 1
var b = Math.floor(x);
console.log(b);//1

6.3 求两个数的最大值和最小值

//求 两个数的最大值 最小值
console.log(Math.max(2,5));//5
console.log(Math.min(2,5));//2

6.4 随机数 Math.random()

var ran = Math.random();
console.log(ran);[0,1)

如果让你取100-200之间的随机数,怎么做?

背过公式:min - max之间的随机数: min+Math.random()*(max-min)

转载于:https://www.cnblogs.com/ahliucong/p/9481976.html

javascript学习-常用内置对象相关推荐

  1. JavaScript的常用内置对象

    JavaScript的常用内置对象 Math对象 Math对象的使用 练习 日期对象 日期对象的使用 日期对象的常用get方法 日期对象的常用set方法 练习 数组对象 数组类型检测 添加或删除数组元 ...

  2. 前端JavaScript(2) --常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍...

    昨日内容回顾 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 ...

  3. python 全栈开发,Day51(常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍)...

    昨日内容回顾 1.三种引入方式1.行内js <div onclick = 'add(3,4)'></div>//声明一个函数function add(a,b){}2.内接js& ...

  4. JSP常用内置对象概述

    1.概述 JSP提供了9个预设的对象,我们将其称为内置对象.这些对象内置在JSP网页环境之下,因此用户不需要引用这些对象所属的包,便可以直接在JSP网页中使用这些对象. 如图: (1 ) reques ...

  5. 微课|玩转Python轻松过二级(2.1节):常用内置对象

    适用教材: 董付国.<玩转Python轻松过二级>.清华大学出版社,2018. 第2章  运算符.表达式与内置对象 2.1  常用内置对象 图书购买链接 京东:https://item.j ...

  6. javascript数据类型和常用内置对象(重要!)

    数据类型:w3c undefind  null  string  number  boolean  Array   object 常用内置javascript对象: Array对象:Date对象:正则 ...

  7. HTML学习14-js 内置对象 Date() 常用的日期的方法 定时器 倒计时 监听事件

    内置对象 内置对象: 内置对象就是指这个语言自带的一些对象,供开发者使用,这些对象提供了一些常用的或是最基本而必要的功能. 手机买来就能发短信 就能打电话 日期函数 ( Date() ) 这个函数 ( ...

  8. JavaScript常用内置对象

    JavaScript中的对象分为3种:内置对象.浏览器对象.自定义对象 JavaScript提供多个内置对象:Math/Array/Number/String/Boolean... Math对象 Ma ...

  9. 前端JS学习笔记——内置对象Math、Date 、Array、String

    目录 1.Math常用方法 2.Date()方法 如何获取Date的时间戳 Date()方法的使用 格式化日期时间 格式化输出一串时间日期 倒计时功能 3.Array方法 创建数组对象的两种方法 检测 ...

  10. javascript中的内置对象和数据结构

    文章目录 简介 基础类型 undefined Boolean和Boolean对象 Number和BigInt String Symbol null Object Function Date Array ...

最新文章

  1. 目标检测--Improving Object Detection With One Line of Code
  2. java.lang.ArrayIndexOutOfBoundsException异常分析及解决
  3. OSX操作技巧:快速锁定系统(类似Windows+L)
  4. Spring 框架中有哪些不同类型的事件?
  5. “大胃王”吃播注意了 国家明确禁止发布量大多吃、暴饮暴食等节目
  6. Leetcode每日一题:110.balanced-binary-tree(平衡二叉树)
  7. 安卓开源项目周报0301
  8. sitemap死链检测工具-免费sitemap死链检测抓取工具
  9. C语言小案例_OA大典案例摘录【第1378篇】联想兄弟激光机卡纸 卡定影 有折叠 卡到出纸口不出来 合集...
  10. Android强行进阶,自定义控件—LayoutManager,技术协会安卓部面试
  11. 微信内置浏览器中如何实现点击电话号码自动到拨号页面?
  12. JupyterLab 的安装与使用
  13. 苹果手机怎么备份所有数据_数据蛙:微信怎么备份手机通讯录,随时备份和恢复手机联系人!...
  14. Vim插件ale在windows下的安装配置与BUG解决
  15. 机器人制证系统大屏可视化
  16. 用Python串口实时显示数据并绘图
  17. FIELD-SYMBOLS 动态内表
  18. 中国首例!大脑植入电极,高位截瘫病人用意念喝水
  19. “辉常努腻” 在校编程小白 博客教程
  20. vivado报位置约束指令的critical warning

热门文章

  1. canvas学习(四):高级属性
  2. 【逐云】阿里“水电煤”背后的人物故事
  3. 在windows下使用cmd命令行对java文件进行编译和执行
  4. nginx 编译安装,服务查看启停,以及模块的追加编译
  5. ElasticSearch - term 和 match 的差别
  6. FL Studio 20.8中文进阶高级完整版 安装下载教程
  7. 肝完这篇 TCP/IP ,我就面试去!
  8. 终于找全啦!一二线城市知名互联网公司名单!对着找就对了...
  9. 大厂用的分库分表方案和demo源码,都在这里了!
  10. 别人工作2年半跳槽面试阿里,成功拿到offer,为什么你不可以?