数组
数组的概念
数组是一组数据的集合,在 JavaScript 中,数组里面的数据可以是不同的类型。
数组的初始化
初始化一个数组有三种方法:
第一种方法:
(1)创建一个数组对象
数组中根据索引存储数据 索引从0开始
<script type="text/javascript">
var str=new Array;
str[0]='j';
str[1]='s';
alert(str);
</script>
(2)创建一个数组直接初始化
<script type="text/javascript">
var num=new Array(12,23,34,45);
alert(num);
</script>
(3)直接初始化,不适用关键字new
<script type="text/javascript">
var arr=[1,5,75,43,23];
// 获取数组的数据
for(var i=0;i<arr.length;i++){
document.write(arr[i]+'<br />');
}
</script>
操作数组中数据的方法
(1)join():通过分隔符合并成一个字符串
var arr=['html','css','js'];
//没有使用分隔符的 join()方法
document.write(arr.join()+"<br/>");
//使用分隔符的 join()方法
document.write(arr.join("*"));
(2)push()和pop(): 在数组的最后增加成员或是删除成员
var arr=['html','css','js'];
arr.push('前端的三大部分');
document.write(arr);
arr.pop();
document.write(arr);
(3)unshift()和shift() 在数组的前面增加成员或是删除成员
var arr=['html','css','js'];
arr.unshift('yemian');
document.write(arr);
arr.shift();
document.write(arr);
(4) Reverse():将数组的数值进行
var arr=['html','css','js'];
arr.reverse();
document.write(arr);
(5)indexof(): 返回数组中该元素第一次出现的索引值
var num=[1,5,67,5,67,9,7];
alert(num.indexOf(5));
// 返回数组中该元素最后一次出现的索引值
alert(num.lastIndexOf(5));
(6) Splice():在数组中增加或是删除成员
var str=[45,67,7,3,8];
// 第一个值表示开始的索引位置
// 第二个值表示往后删除的个数
// 第三个值表示增添的成员
str.splice(2,2,5,82,5);
document.write(str);
(7) Slice():从一个数组中选择(截取)
var str=[1,2,3,4,5,6,7,8];
// 第一个值表示开始截取的索引值
// 第二个值表示结束截取的索引值,但是不包含其值
document.write(str.slice(2,6));
String对象
比较常用的 JavaScript 内置对象主要有以下几种:
(1)字符串对象 String;
(2)日期对象 Date;
(3)数组对象 Array;
(4)数值对象 Math 和 Number;
字符串的属性 length
我们可以通过 length 属性来获取字符串的长度。
处理字符串方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
// (1)match():查询字符串中字符串是否存在,存在就输出
var str='javascript';
// 获取字符串的长度
// alert(str.length);
// document.write(str.match('a'));
// (2)search():检索字符串中字符所在的索引,返回索引值
// document.write(str.search('s'));
// (3)indexOf():返回元素在在字符串中第一次出现的索引
// document.write(str.indexOf('a'));
// (4)replace():在字符串中用一些字符替换另外一些字符
// str.replace(原字符,替换字符)
// document.write(str.replace('javascript','js'));
// (5)charAt():获取字符串中制定字符
// document.write(str.charAt(6));
// (6)大小写转换:tolowerCase()和toUpperCase()
// document.write(str.toLowerCase());
// document.write(str.toUpperCase());
// (7)concat():链接字符串
// document.write(str.concat(',HTML',',CSS'));
// (8)比较字符串localeCompare(): 根据ASCII表的排列进行比较
// 说明:比较完成后,返回值是一个数字。
// (1)如果字符串 1 小于字符串 2,则返回小于 0 的数字;
// (2)如果字符串 1 大于字符串 2,则返回数字 1;
// (3)如果字符串 1 等于字符串 2,则返回数字 0;
// document.write(str.localeCompare('JavaScript'));
// (9)split():分割字符串(分割符是以字符串中的字符进行分割) 返回一个数组
// var arr=new Array();
// arr=str.split('');
// document.write(arr);
// (10)subString(start,end):截取字符串
// 结束的索引对应的值不包含
document.write(str.substring(7,2));
</script>
</head>
<body>
</body>
</html>
JavaScript 中函数、参数、全局变量
1. 函数的概念
函数就是重复执行的代码片。
或者说函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
2. JavaScript 中的函数语法
使用关键字 function 定义一个函数
Function 函数的名称(){
函数的主体;
}
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function ds(){
alert('World');
}
</script>
</head>
<body>
<button onclick="ds()">点击试试</button>
</body>
</html>
3. 函数的定义与执行
常用的函数有两种:
(1)不指定函数的名称/匿名函数;
语法:
Function(参数 1,参数 2,…,参数 n){
//函数的主体语句;
}
举例:
<script type="text/javascript">
var myfunction=function(){
alert('World');
}
//以上函数没有调用,所以没有结果,必须调用才会执行函数体
alert(myfunction());
</script>
(2)制定函数的名称
语法:
function 函数名(参数 1,参数 2,….,参数 n)
{
return 表达式; //函数体语句
}
说明:
定义函数必须使用 function 关键字。
函数名必须是唯一的。
函数可以使用 return 语句将某个值返回,也可以没有返回值。
参数是可选的,可以不带参数,也可以带多个参数。如果是多个参数的话,参数之间要用英文逗号隔开。
举例:
<script type="text/javascript">
function ds(){
alert('World');
}
// 以上函数没有调用,所以没有结果,必须调用才会执行函数体
ds();
</script>
我们在定义函数的时候用到的参数,那就叫“形参”,我们在调用函数时,与形参对应的数据叫“实参。
4. 带有参数的函数调用
在调用函数时,可以向其传递值,这些值被称为参数。
这些参数可以在函数中使用。
可以发送任意多的参数,由逗号 (,) 分隔:
5. 带有返回值的函数
在使用 return 语句时,函数会停止执行,并返回指定的值。
语法:
function myFunction()
{
var x=5;
return x;
}
函数中’return’关键字的作用:
1、返回函数执行的结果
2、结束函数的运行
3、阻止默认行为
6. 全局变量和局部变量
1、函数变量的作用域有全局变量和局部变量两种,全局变量写在函数的最前面,局部变量写在函数体内,局部变量省略了 var 也就默认成为了全局变量!
2、函数体内部可以读取到函数外的变量,而函数外不能读取到函数内的变