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