首页 > 编程语言 > 详细

07-JavaScript常用内置对象

时间:2018-07-13 12:01:09      阅读:35      评论:0      收藏:0      [点我收藏+]

标签:inf   cas   pla   apple   col   java   找不到   排序   tostring   

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));

技术分享图片

 

07-JavaScript常用内置对象

标签:inf   cas   pla   apple   col   java   找不到   排序   tostring   

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

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号