day54 Pyhton 前端JS05

今日内容:

　　1.数组Array

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

　　使用new 关键词对构造函数进行创建对象

　　var colors2 = new Array();

　　2.数组的赋值

　　var arr =[];

　　arr[0] =123;

　　arr[1]='哈哈哈'

　　arr[2] = '嘿嘿嘿'

　　3.数组的常用方法

　　concat() 把几个数组合并成一个数组

　　join() 返回字符串,其中包含了连接到一起的数组中的所有元素,元素由指定的分割符分割开来

　　pop() 移除数组的最后一个元素

　　shift() 移除数组的第一个元素

　　unshift() 往数组的开头添加一个元素,并且返回新的长度

　　slice(start,end) 返回数组的一段

　　push() 往数组的最后添加一个元素,并返回新的长度

　　sort()对数组进行排序

　　reverse() 对数组进行反转

　　length() 它是一个属性,唯一的一个,获取数组的长度,可以结合for循环遍历操作

　　3.1数组的合并 concat()

var north = ['北京','山东','天津'];
var south = ['东莞','深圳','上海'];
 
var newCity = north.concat(south);
console.log(newCity)

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

var score = [98,78,76,100,0];
var str = score.join('|');
console.log(str);//98|78|76|100|0

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

var score = [98,78,76,100,0];
//toString() 直接转换为字符串  每个元素之间使用逗号隔开
 
var str = score.toString();
console.log(str);//98,78,76,100,0

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

var arr = ['张三','李四','王文','赵六'];
var newArr  = arr.slice(1,3);
console.log(newArr);//["李四", "王文"]

pop 删除数组的最后一个元素并返回删除的元素

var arr = ['张三','李四','王文','赵六'];
var item = arr.pop();
console.log(arr);//["张三", "李四"，"王文"]
console.log(item);//赵六

push() 向数组末尾添加一个元素或多个元素，并返回新的长度

var arr = ['张三','李四','王文','赵六'];
var newLength= arr.push('小马哥');//可以添加多个，以逗号隔开
console.log(newLength);//5
console.log(arr);//["张三", "李四"，"王文"，"赵六"，"小马哥"]

reverse() 翻转数组

var names = ['alex','xiaoma','tanhuang','angle'];
 
//4.反转数组
names.reverse();
console.log(names);

sort对数组排序

var names = ['alex','xiaoma','tanhuang','abngel'];
names.sort();
console.log(names)；// ["alex", "angle", "tanhuang", "xiaoma"]

判断是否为数组：isArray()

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

shift() 删除并返回数组的第一个元素

var names = ['alex','xiaoma','tanhuang','abngel'];
names.shift();//"alex"

unshift() 向数组的开头添加一个或更多元素，并返回新的长度

var names = ['alex','xiaoma','tanhuang','abngel'];
names.unshift('a');//5
console.log(names);//(5) ["a", "alex", "xiaoma", "tanhuang", "abngel"]

字符串String

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

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

match() 返回正则表达式模式对字符串进行查找,并将包含查找结果作为结果返回

replace(a,b) 字符串b替换了a

search(stringObject) 知名是否在相应匹配.如果找到一个匹配,search方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置,如果没有找到匹配,返回-1

slice(start ,end) 返回start到end-1之间的字符串,索引从0开始

spilt('a',1) 字符串拆分,以a拆分,第一个参数返回数组的最大长度

substr(start,end) 字符串截取,左闭右开

toUpperCase() 返回一个新的字符串,该字符串字母都变成了大写

toLowerCase() 返回一个新的字符串,该字符串字母都变成了小写

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

var str = 'alex';
var charset = str.charAt(1);
console.log(charset);//l

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

var str1 = 'al';
var str2  = 'ex';
console.log(str1.concat(str2,str2));//alexex

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

var a = '1234567755';
var newStr = a.replace("4567","****");
console.log(newStr);//123****755

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

var str = 'alex';
console.log(str.indexOf('e'));//2
console.log(str.indexOf('p'));//-1

slice(start，end) 提取一个字符串的一部分，并返回一新的字符串。左闭右开分割字符串

var str = '小马哥';
console.log(str.slice(1,2));//马

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

var  str =  '我的天呢,a是嘛,你在说什么呢?a哈哈哈';
console.log(str.split('a'));//["我的天呢,", "是嘛,你在说什么呢?", "哈哈哈"]

substr(start,length) 返回一个字符串中从指定位置开始到指定字符数的字符。

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

toLowerCase()转小写

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

toUpperCase()转大写

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

substring(indexStart,indexEnd) 提取字符串中介于两个指定下标之间的字符。返回的子串包括开始处的字符，但不包括结束处的字符

如果 indexStart 等于 indexEnd，substring 返回一个空字符串。
如果省略 indexEnd，substring 提取字符一直到字符串末尾。
如果任一参数小于 0 或为 NaN，则被当作 0。
如果任一参数大于 stringName.length，则被当作 stringName.length。
如果 indexStart 大于 indexEnd，则 substring 的执行效果就像两个参数调换了一样

trim() 去除字符串两边的空白

//1.将number类型转换成字符串类型
var num = 132.32522;
var numStr = num.toString()
console.log(typeof numStr)

//四舍五入
var newNum = num.toFixed(2)
console.log(newNum)

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

Math 内置对象

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

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

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

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

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

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

随机数 Math.random()

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

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

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

var ran = 100+Math.random()*(200-100);
console.log(ran);//111.57457472634846