目录
- 介绍：函数（方法）是被设计为执行特定任务的代码块。
- 定义：JavaScript函数通过function关键字进行定义，语法为：
函数定义方式一
function functionName（参数1，参数2...）{
??????? //要执行的代码
}
- ??????? 注意：
- 形式参数不需要类型。因为JavaScript是弱类型语言
- 返回值不需要定义类型，可以在函数内部直接使用return返回即可
- 调用：函数名称（实际参数列表）
示例：
//定义函数
function add (a,b){
??????? return a+b;
}
//调用函数
var result = add(10,20);
alert(result);
函数定义方式二
var functionName = function（参数1，参数2...）{
??????? //要执行的代码
}
示例：
?//定义函数
var add =function（a，b）{
??????? return a+b;
}
//调用函数
var result = add(10,20);
alert(result);
注意：JS中，函数调用可以传递任意个数的参数。
Array
- JavaScript中Array对象用于定义数组。
- 定义
方式一：
var 变量名 = new Array（元素列表）；??? var arr = new Array(1,2,3,4);
方式二：
var 变量名= [元素列表]；?????????????????????????? var arr =[1,2,3,4]
- 访问
arr[索引] = 值?????????????????????????????????????????????? arr[10] = "hello";
注意：JavaScript中的数组相当于Java中的集合，数组的长度是可变的，而JavaScript是弱类型，所以可以存储任意的类型的数据。 ??????
| 属性 | 描述 |
| length | 设置或返回数组中元素的数量。 |
<script>
var arr = [1,2,3,4];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
</script>| 方法 | 描述 |
| forEach() | 遍历数组中的每个有值的元素，并调用一次传入的函数。 |
| push() | 将新元素添加到数组的末尾，并返回新的长度。 |
| splice() | 从数组中删除元素。 |
//forEach:遍历数组中有值的元素
arr.forEach(function(e){
console.log(e);
})
//ES6 箭头函数：（...) =>{...} 删掉function，再加上箭头函数的标识 -- 简化函数
arr.forEach((e) => {
console.log(e);
})
//push:添加元素到数组末尾
arr.push(7,8,9);
console.log(arr);
//splice:删除元素
arr.splice(2,2);//从索引2开始，删除两个
console.log(arr);String
- String字符串对象创建方式有两种：
- 创建
方式一：
var 变量名 = new String（"..."）;????????????????????????? var str = new String("Hello String"）；
方式二：
var 变量名 ="...";???????????????????????????????????????????????????? var str ="Hello String";
???????????????????????????????????????????????????????????????????????????????? var str ='Hello String';
| 属性 | 描述 |
| length | 字符串的长度 |
| 方法 | 描述 |
| charAt() | 返回在指定位置的字符。 |
| indexOf() | 检索字符串。 |
| trim() | 去除字符串两边的空格。 |
| substring() | 提取字符串中两个指定的索引号之间的字符。 |
//创建字符串对象
var str = new String("Hello String");
var str = "Hello String";
console.log(str);
//length
console.log(str.length);
//charAt
console.log(str.charAt(3));
//indexOf
console.log(str.indexOf("lo"));
//trim
var s = str.trim();
console.log(s);
//substring(start，end) ---开始索引，结束索引（含头不含尾）
console.log(s.substring(0,5));JavaScript自定义对象
- 定义格式：
var 对象名 = {?????????????????????????????????????????????????????????????? var user = {
??????? 属性名1：属性值1,??????????????????????????????????????????????????????? name:"Tom"
????????属性名1：属性值1,? ????????????????????????????????????????????????????? age:20,
????????属性名1：属性值1,??????????????????????????????????????????????????????? gender:"male"
??????? 函数名称：function（形参列表）{}???????????????????????????? eat:function(){
}????????????????????????????????????????????????????????????????????????????????????????????????? alert("用膳~");
??????????????????????????????????????????????????????????????????????????????????????????? }
??????????????????????????????????????????????????????????????????????????????????? };
- 调用格式：
对象名.属性名；?????????????????????????????????????????????????????????? console.log(user.name);
对象名.函数名();?????????????????????????????????????????????????????????? uesr.eat();
//自定义对象
var user = {
name:"Tom",
age:10,
gender:"male",
/* eat:function(){
alert("用膳~");
} */
//简化格式，去掉：function
eat(){
alert("用膳~");
}
}
alert(user.name);
user.eat();?JSON
- 概念：JavaScript Object Notation，JavaScript对象标记法。
- JSON是通过JavaScript对象标记法书写的文本。
- 由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输。
- 注意：key必须使用双引号包裹
?{
? ? ?? "name":"Tom",
? ? ? ? "age":10,
? ? ? ? "gender":"male",
? ? }
JSON-基础语法
- 定义
var 变量名 = '{"key1":value1,"key2":value2}';
示例
var userStr = '{"name":"Jerry","age":18,"addr":["北京","上海","西安"]}';
value的数据类型为：
- 数字（整数或浮点数）
- 字符串（在双引号中）
- 逻辑值（true或false）
- 数组（在方括号中）
- 对象（在花括号中）
- null
//定义JSON
var jsonstr = '{"name":"Jerry","age":18,"addr":["北京","上海","西安"]}'
//json字符串--js对象
var obj = JSON.parse(jsonstr);
alert(obj.name);
//json对象--json字符串
alert(JSON.stringify(obj));