07-JavaScript常用内置对象

JavaScript常用内置对象

1.数组Array

1.1数组的创建方式

// 直接创建数组
var colors = [‘red‘, ‘blue‘, ‘green‘];
console.log(colors, typeof(colors));

// 使用构造函数,通过new关键字创造数组
var colors2 = new Array();
console.log(colors2,typeof(colors2));

1.2数组的赋值

var arr = [];
// JS数组的下标和python一样从0开始依次递增
// 给数组添加元素
arr[0] = ‘x‘;
arr[1] = 3;
arr[3] = [1, 2, 3];
console.log(arr);

// 遍历数组,打印元素
for (i in arr){
    console.log(arr[i]);
}

1.3数组的常用方法

1- 数组的合并concat()

// 1- 数组的合并concat()
var f1 = [‘apple‘, ‘banana‘];
var f2 = [‘orange‘, ‘pear‘];

var fruits = f1.concat(f2);
console.log(fruits);

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

// 2- join() 将数组中的元素使用指定的字符串连接起来,它会形成一个新的字符串
var fruits = ["apple", "banana", "orange", "pear"];
console.log(fruits.join(‘**‘));

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

// 3- 将数组转换成字符串 toString()
var fruits = ["apple", "banana", "orange", "pear"];
console.log(fruits.toString());

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

// 4- slice(start,end); 返回数组的一段,左闭右开(顾头不顾尾)
var fruits = ["apple", "banana", "orange", "pear"];
console.log(fruits.slice(2,3));

5- pop 移除数组的最后一个元素

// 5- pop 移除数组的最后一个元素
var fruits = ["apple", "banana", "orange", "pear"];
fruits.pop();
console.log(fruits);

6- push() 向数组最后添加一个元素

// 6- push() 向数组最后添加一个元素
var fruits = ["apple", "banana", "orange", "pear"];
fruits.push(‘grape‘);
console.log(fruits);

7- reverse() 翻转数组

// 7- reverse() 翻转数组
var fruits = ["apple", "banana", "orange", "pear"];
console.log(fruits.reverse());

8- sort对数组排序

// 8- sort对数组排序
var fruits = ["apple", "pear", "banana", "orange"];
fruits.sort();
console.log(fruits);

9- 判断是否为数组:isArray()

// 9- 判断是否为数组:isArray()
var fruits = ["apple", "pear", "banana", "orange"];
console.log(Array.isArray(fruits));

2.字符串String

2.1字符串常用方法

2.2常用方法演示

1- chartAt() 返回指定索引的位置的字符,索引从0开始一次递增

// 1- chartAt() 返回指定索引的位置的字符
var str = ‘I love to eat fish.‘;
console.log(str.charAt(0));
console.log(str.charAt(1));
console.log(str.charAt(2));console.log(str.charAt(3));
console.log(str.charAt(4));
console.log(str.charAt(5));

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

// 2- concat 返回字符串值,表示两个或多个字符串的拼接
var str1 = ‘ban‘, str2 = ‘ana‘;
console.log(str1.concat(str2));

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

// 3- replace(a,b) 将字符串a替换成字符串b
var str = ‘I love to eat fish.‘;
console.log(str.replace(‘fish‘,‘meat‘));

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

// 4- indexof() 查找字符的下标,如果找到返回字符串的下标,找不到则返回-1 。跟seach()方法用法一样
var str = ‘I love to eat fish.‘;
console.log(str.indexOf(‘I‘));
console.log(str.indexOf(‘o‘));
console.log(str.indexOf(‘w‘));

5- slice(start,end) 左闭右开(顾头不顾尾)分割字符串

// 5- slice(start,end) 左闭右开 分割字符串
var str = ‘I love to eat fish.‘;
console.log(str.slice(2,6));

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

// 6- split(‘a‘,1) 以字符串a分割字符串,并返回新的数组。如果第二个参数没写,表示返回整个数组,如果定义了个数,则返回数组的最大长度
var str = ‘I love to eat fish.‘;
arr1 = str.split(‘ ‘);
console.log(‘arr1‘, arr1);
arr2 = str.split(‘ ‘, 2);
console.log(‘arr2‘, arr2);

7- substr(start,end) 左闭右开

// 7- substr(statr,end) 左闭右开
var str = ‘I love to eat fish.‘;
console.log(str.substr(0,7));

8- toLowerCase()转小写

// 8- toLowerCase()转小写
var str = ‘I love to eat fish.‘;
console.log(‘str:‘, str);
console.log(‘lower:‘, str.toLowerCase());

9- toUpperCase()转大写

// 9- toUpperCase()转大写
var str = ‘I love to eat fish.‘;
console.log(‘str:‘, str);
console.log(‘upper:‘, str.toUpperCase());

10- 将number类型转换成字符串类型

// 10- 将number类型转换成字符串类型
var num = 1314.1314;
console.log(num.toString(),typeof(num.toString()));
// 四舍五入
console.log(num.toFixed(),typeof(num.toFixed()));

3.日期对象Date

3.1日期对象的创建

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

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

3.2日期对象常用方法

// 创建一个date对象
var myDate = new Date();
// 获取日期(1-31)
console.log(‘getDate():‘, myDate.getDate());
// 获取月份(0-11)
console.log(‘getMonth():‘, myDate.getMonth());
// 获取四位年
console.log(‘getFullYear():‘, myDate.getFullYear());
// 获取一周中的第几天(0-6)
console.log(‘getDay():‘, myDate.getDay());
// 获取小时(0-23)
console.log(‘getHours():‘, myDate.getHours());
// 获取分钟(0-59)
console.log(‘getMinutes():‘, myDate.getMinutes());
// 获取秒数(0-59)
console.log(‘getSeconds():‘, myDate.getSeconds());

4.内置对象Math

4.1Math常用方法

4.2Math常用方法演示

1- Math.floor() 向下取整,‘地板函数‘

// 1- Math.floor() 向下取整,‘地板函数‘
var x = 1314.1314;
var y = Math.floor(x);
console.log(y);

2- Math.ceil() 向上取整,‘天花板函数‘

// 2- Math.ceil() 向上取整,‘天花板函数‘
var x = 1314.1314;
var y = Math.ceil(x);
console.log(y);

3- 求两个数的最大值和最小值

// 3- 求两个数的最大值和最小值
var x = 50, y = 100;
console.log(‘min:‘,Math.min(x,y));
console.log(‘max:‘,Math.max(x,y));

4- 随机数 Math.random()

// 4- 随机数 Math.random()
var ranNum = Math.random();
console.log(ranNum);[0,1]
// min - max之间的随机数: min+Math.random()*(max-min)
// 100-200之间的随机数
console.log(100+ranNum*(200-100));

原文地址:https://www.cnblogs.com/gnaix/p/9300661.html

时间: 2024-12-15 14:05:09

07-JavaScript常用内置对象的相关文章

javascript 常用内置对象

1.时间对象 getDate 获取当前的日期 getDay 获取当前的天 getHours 获取当前的小时 getMinutes 获取当前的分钟 getMonth 获取当前的月份 getSeconds 获取当前的秒 getTime 获取当前时间(毫秒数) getTimeZoneOffset 获取当前的时区偏移信息 getYear 获取当前的年份 getFullYear 返回完整的四位数年份 <!-- 注意区分getDate 和getDay的作用和区别,getDate返回的是日期(1~31),而g

JavaScript封闭函数、常用内置对象、js调试方法

1.封闭函数 封闭函数是JavaScript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数 /在封闭函数前加';',可以避免js压缩时出错/;(function(){ alert('hello world!'); })(); /*当i大于78时等于78,小于时等于89*/ var i = 90>78?78:89; alert(i); /*第二个写法*/ !function(){ alert('hello world!'); }(); /*第三个写法*/ ~function(){

常用内置对象

1.什么是JavaScript对象 对象是JavaScript中最重要的元素 JavaScript包含多种对象: 内置对象 自定义对象 浏览器对象 HTML DOM对象2.使用对象 对象由属性和方法封装而成 属性的引用 使用点(.)运算符 对象的方法的引用 ObjectName.method()3.常用内置对象 简单数据对象 String.Number.Boolean 组合对象 Array.Math.Date 高级对象 Function.RegExp4.String对象 创建字符串对象 Stri

JavaScript之基础-9 JavaScript String(内置对象、String概述)

一.JavaScript 内置对象 内置对象 - 什么是内置对象? 内置对象就是ECMAScript标准中已经定义好的,由浏览器厂商已经实现的标准对象 - 内置对象中封装了专门的数据和操作数据常用的API - JavaScript中内置对象列表 - String.Boolean.Number.Array.Date.RegExp.Math.Error.Function.Object.Global 包装类型 - 什么是包装类型? 专门封装原始类型的数据,并提供对数据常用操作的内置类型 - 为什么要用

JavaScript的内置对象及其时间对象

0413 对象的类型是object. JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... javaScript中万事万物皆对象 删除对象的属性:delete 例:delete obj.bianmei this 这个对象,在不同使用场景代表不同对象    1.对象方法里的this就是当前对象本身 例:var obj = { name:‘张三’ say:function(){ //this就是“我”的意思 console.log(this.name)} } obj.say()

ASP.NET常用内置对象

ASP.NET 常用内置对象:Response对象.Request对象.Session对象.Server对象.Application对象 1.Response对象: (1) 用于向浏览器输出信息 常用的方法是:Response.Write()方法,例如:Response.Write("Hello"); Response.Write(“<b>当前时间是:</b>"+DateTime.Now); (2)利用Response.Redirect()方法进行页面

Tomcat的常用内置对象

Tomcat的常用内置对象 1.request内置对象 所谓内置对象就是容器已经创建好了的对象,如果收到一个用户的请求就会自动创建一个对象来处理客户端发送的一些信息,这个内置对象就是request.类型是javax.servlet.http.HttpServletRequest.  request内置对象包含了用户发送的一些信息,我们可以使用对应的成员方法进行操作,下面举一些常见的方法. 1 System.out.println("浏览器信息:"+req.getHeader("

JS的常用内置对象及方法

大家好,我是逆战班的一名学员,今天我给大家介绍一下关于JS常用内置对象及其使用方法的相关知识. 对于JS的内置对象,我所了解的有Array对象.Math对象.Date对象 一.Array对象 1.concat() 例:var arr1=arr. concat (1,2,3) var arr1=arr. concat (arr) 表示把几个数组或元素合并成一个数组 2.join() 例:var str= arr. join( ) 设置分隔符连接数组元素为一个字符串 3.pop() 例:arr. p

Javascript 基础学习(七)常用内置对象

Array 定义 数组也是一个对象,是一个用来存储数据的对象.和Object类似,但是它的存储效率比普通对象要高.数组中保存的内容我们称为元素.数组使用索引(index)来操作元素.索引指由0开始的整数. 数组操作 //创建数组 var arr = new Array();//使用内置对象Array var arr2 = new Array(10);//表示创建一个长度为10 的数组 var arr3 = []; var arr4 = [];//表示创建一个数组,数组中只有一个元素 10 //向