数组
是一组数据的集合
1.1使用字面量创建数组
[ 元素1, 元素2, 元素3... ] ， 元素代表每一条数据
//字面量创建数组
var name=['涛哥','郑惠中','覃兴千',2,true];
//把地址拷贝一份给name2
var name2=name;
console.log(name);
console.log(typeof name);
1.2数组元素的访问
数组[下标]
下标：数组默认为每个元素添加的编号，从0开始
var city=['北京','杭州','长沙','西安'];
//下标(索引)
console.log( city[2], city[3] ); 输出：长沙，西安 元素不存在返回undefined
?
//修改元素
city[2]='成都';
?
//末尾增加元素
city[city.lengh]="new value"
1.3数组的长度
数组.length 获取数组元素个数
//获取数组的长度（元素个数）
//console.log(laptop.length);
?
在数组的末尾添加元素
数组[ 数组.length ] = 值
如：
laptop[ laptop.length ]='联想';
1.4 内置构造函数创建对象
new Array(元素1,元素2...)
new Array(长度) 创建数组，初始化长度值，可以添加更多个元素
//内置构造函数
var c=new Array('京东','淘宝','拼多多');
var course=new Array(4);
course[0]='mysql';
course[1]='js';
course[2]='nodejs';
course[3]='git';
course[4]='html';
//console.log(course);
1.5数组的分类
索引数组：以0及以上的整数作为下标
关联数组：以字符串作为下标，需要单独添加元素（不建议使用，可用对象代替）
//关联数组：以字符串作为下标
var person=['涛哥'];
person['sex']='男';
person.phone='18112345678';
//console.log(person); 输出结果：[ '涛哥', sex: '男', phone: '18112345678' ]
//console.log(person.length);
?
遍历数组
?
for (var key in person){
console.log(key)
}
1.6遍历数组
依次访问数组中的每个元素
| for(var k in 数组){ k 代表下标 数组[k] 下标对应的元素} |
|---|
| for(var i=0;i<数组.length;i++){ i 代表下标 数组[i] 下标对应的元素} |
遍历关联数组,也可遍历索引数组
for (var key in person){
console.log(person[key])
}
?
遍历索引数组
for(var i=0;i<person.length;i++){
console.log(person[i])
}
1.7数组API
应用程序编程接口：JS中指的是预定义的函数和方法
isNaN/isFinite/eval/parseInt/console.log()/hasOnwProperty()/toString()
1.7.1 join() 将数组转为字符串，可以指定元素之间的分隔符，默认是按照逗号分隔
数组转为字符串
var arr=['a','b','c'];
//转为字符串
console.log( arr.toString() ); 输出结果为：a,b,c 默认间隔符为逗号
console.log( arr.join('-') ); 输出结果为：a-b-c
1.7.2 concat(arr2,arr3...) 拼接多个数组
var arr1=['a','b','c'];
var arr2=['d','e'];
var arr3=['f','g'];
// 拼接多个数组
console.log( arr1.concat(arr2,arr3) );
输出为：
[
'a', 'b', 'c',
'd', 'e', 'f',
'g'
]
1.7.4 slice() 截取数组元素
array.slice(开始下标，结束下标)
//截取数组元素 var arr=['李德强','郭非凡','张杰波','吕泽林','姚酱','张志霞','刘江','王文飞','程鹏']; //console.log( arr.slice(3) ); 如果只写一个下标，表示从下标3到结束 //console.log( arr.slice(3,6) ); //console.log( arr.slice(-3,-1) ); 倒数第几个下标
1.7.5 splice删除数组元素
arr.splice(开始下标，要删除的长度，补充的元素) 返回删除的元素
var arr=['李德强','郭非凡','张杰波','吕泽林','姚酱','张志霞','刘江','王文飞','程鹏']; //删除数组元素 //console.log(arr.splice(1,3)); 表示从下标为1开始删除，删除元素长度为3，返回删除的元素 //console.log(arr.splice(1)); 表示从下标1开始删除，没有长度表示一直删除到末尾 表示从下标为-4开始删除，删除元素长度为0，同时添加元素，'吴文宣','史恭龙','刘酱 console.log(arr.splice(-4,0,'吴文宣','史恭龙','刘酱'));' console.log(arr);
1.7.6 reverse() 翻转数组元素
var arr=['a','b','c','d']; //翻转 console.log( arr.reverse() ); console.log(arr); 输出： [ 'd', 'c', 'b', 'a' ] [ 'd', 'c', 'b', 'a' ]
1.7.7 sort() 对数组进行排序，默认是按照编码从小到大
sort( function(a,b){ return a-b; //按照数字从小到大 //return b-a; //按照数字从大到小} )
var arr=[23,9,78,6,45];
//排序
//arr.sort();//按照编码顺序排序
//按照数字排
arr.sort( function(a,b){
console.log(a,b);
return a-b; 按照顺序从小到大排序 ---升序
//return b-a; 按照顺序从大到小排序 ---降序
} );
console.log(arr.sort());
1.7.8 indexOf(v) ，push(v1,v2..) ， pop() ，unshift(v1,v2..)，shift()
indexOf( v ) 查找数组中是否含有某个元素v，如果找到返回第一个的下标，找不到返回-1
push(v1,v2..) 往数组的末尾添加元素，返回数组的长度
pop() 删除数组末尾的一个元素，返回删除的元素
unshift(v1,v2..) 往数组的开头添加元素，返回数组的长度
shift() 删除数组开头的一个元素，返回删除的元素
//查找元素
var arr=['李德强','郭非凡','张杰波','李德强','吕泽林','姚酱','张志霞','刘江','王文飞','程鹏'];
console.log( arr.indexOf('李德强') );
var arr=['刘江','王文飞','程鹏'];
//末尾添加,返回数组的长度
//console.log(arr.push('祝彩凤','阮运良'));
//删除末尾的一个,返回删除的元素
//console.log(arr.pop());
//开头添加,返回数组的长度
//console.log(arr.unshift('罗京'));
//开头删除,返回删除的元素
// console.log( arr.shift() );
// console.log(arr);
2.二维数组
对数据进行二次分类
//省份 var arr1=['山东','江苏','广东']; //城市 //var arr2=['济南','青岛','威海','南京','苏州','无锡','广州','深圳','珠海']; //二维数组：二次分类 var arr3=[ ['济南','青岛','威海','烟台','日照'], ['南京','苏州','无锡','常州'], ['广州','深圳','珠海','惠州','东莞'] ]; console.log(arr3[2][1]);
访问形式 数组
3.字符串对象
包装对象，为了让原始类型数据像引用类型数据，具有属性和方法。
JS提供了三种包装对象：字符串(String)、数值(Number)、布尔(boolearn)
new String() 将数据包装为字符串对象
String() 将任意数据强制转换为字符串
var str1='1';//字面量
var str2=new String("a");//包装为字符串对象
var str3=String("a");
console.log(str3,typeof str3);
console.log(str2,typeof str2);
console.log(str1+2, str2+2);
输出：
a string
[String: 'a'] object
12 a2
3.1转义字符 \
转换字符原来的意义
' 转成普通的引号
\n 转成一个换行符
\t 转成一个制表符(tab键)，产生多个连续空格
练习：打印出以下字符串
C:\users\web
3.2.1. length ： 获取字符串的长度
var str='tao is playing单杠';
console.log( str.length ); //获取字符串长度
3.2.2 charAt(下标) ： 获取下标对应的字符，可以使用数组写法 字符串[下标]
var str='tao is playing单杠';
//下标
console.log( str.charAt(0),str[0] );
3.2.3 indexOf(value,start) ： 查找指定字符串第一次出现的位置，返回下标，找不到返回-1,start为开始查找的下标
3.2.4 lastIndexOf() ： 查找指定字符串最后一次出现的位置，返回下标，找不到返回-1
var str='javascript';
//查找字符串
console.log( str.indexOf('a') );
console.log( str.lastIndexOf('a') );
3.2.5 toUpperCase() ：英文字母转大写
3.2.6 toLowerCase(): 英文字母转小写
var str='JavaScript';
console.log( str.toUpperCase() );//转大写
console.log( str.toLowerCase() );//转小写
3.2.7 slice(start, end) : 截取字符串，start开始的下标，end结束的下标，不包括end本身，end为空截取到最后，下标为负数表示倒数，返回截取的字符串
3.2.8 substr(start, count) : 截取字符串，start开始的下标，count截取的长度，count为空截取到最后，下标为负数表示倒数，返回截取的字符串
3.2.9 str.subString(start,end)截取字字符串,不支持负数，也就是不支持倒数,如果下标为负数，自动转为0，start和end部不分前后，小的数字为start，大的为end
3.2.10 split(): 将字符串按照指定的字符切割为数组
3.3 字符串匹配模式
作用：用于查找，替换字符串
search(value) 用于查找满足条件的第一个下标，类似于indexOf，找不到返回-1
var str = "xiaoran 产于上世纪七八十年代，Xiaoran至今性能仍然强劲，xiaoran一顿饭能吃10盘羊肉，XIAORAN是一个美男子"
//查找
//indexOf
console.log(str.search("xiaoran")) //普通的正则匹配
console.log(str.search(/xiaoran/i)) //不区分大小写 i -->ignore 忽略大小写
match（value）
var str = "xiaoran 产于上世纪七八十年代，Xiaoran至今性能仍然强劲，xiaoran一顿饭能吃10盘羊肉，XIAORAN是一个美男子" //查找 //indexOf console.log(str.match(/XIAORAN/i)) //不区分大小写 i -->ignore 忽略大小写,返回第一个查找到的内容 console.log(str.match(/XIAORAN/ig)) //查找全部的XIOARAN -- > 全局查找，返回一个数组 g -->global 返回结果： [ 'xiaoran', index: 0, input: 'xiaoran 产于上世纪七八十年代，Xiaoran至今性能仍然强劲，xiaoran一顿饭能吃10盘羊肉，XIAORAN是一个美男子', groups: undefined ] [ 'xiaoran', 'Xiaoran', 'xiaoran', 'XIAORAN' ]
replace(匹配模式，替换值) 查找并替换
var str = "xiaoran 产于上世纪七八十年代，Xiaoran至今性能仍然强劲，xiaoran一顿饭能吃10盘羊肉，XIAORAN是一个美男子" console.log(str.replace(/xiaoran/ig,"***")) 输出结果： *** 产于上世纪七八十年代，***至今性能仍然强劲，***一顿饭能吃10盘羊肉，***是一个美男子
4.Math对象
数学对象，不需要创建，可以直接调用API。
PI 获取圆周率
abs() 获取绝对值
ceil() 向上取整
floor() 向下取整
round() 四舍五入取整
max() 获取一组数字最大值
min() 获取一组数字最小值
pow(x,y) 计算x的y次方
random() 获取随机数 >=0 <1
//console.log( Math.PI );//圆周率 //console.log( Math.abs(15-18) );//绝对值 //console.log( Math.ceil(5.1) );//向上取整 6 //console.log( Math.floor(8.9) );//向下取整 8 //console.log( Math.round(5.4) );//四舍五入 5 //console.log( Math.max(23,9,78,6,45) ); 求最大值 78 //console.log( Math.min(23,9,78,6,45) ); 求最小值 6 //console.log( Math.pow(5,3) ); 幂次方计算 5 的3次方 /* console.log( Math.random() ); 返回0-1的随机小数 console.log( Math.random() ); console.log( Math.random() ); */ var arr=['赵曼','程鹏','姚磊','刘酱','王庆举','吴文宣','郝龙祥','崔安邦','吴岩','卢明月','叶鎏微','弋阳','钱权','贺大壮']; //随机下标 //0~9之间的随机整数 //0~1 * 10 0~9.x 向下取整 0~9 var n=Math.floor( Math.random()*arr.length ); console.log(n, arr[n]);