Web开发网站-04

目录

1 JS函数

2 JS对象

---

1 JS函数

1. 介绍：函数（方法）是被设计为执行特定任务的代码块。
2. 定义：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中，函数调用可以传递任意个数的参数。

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