JavaScript复合类型

最新推荐文章于 2021-04-01 20:41:02 发布

先给自己打个气

最新推荐文章于 2021-04-01 20:41:02 发布

阅读量561

点赞数

分类专栏： JavaScript 文章标签： javascript html5 js 队列列表

本文链接：https://blog.csdn.net/qq_40641206/article/details/104174916

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

复合类型分为三种：

Object: 对象。
Array: 数组。
Function: 函数。

1、对象

Object类型，我们也称为一个对象。是JavaScript中的引用数据类型。
JavaScript有如下常用的内置类：
1、 Array: 数组类
2、Date: 日期类。
3、 Error: 错误类。
4、 Function: 函数类。
5、 Math: 数学类，该对象包含相当多的执行数学运算的方法。
6、 Number: 数值类。
7、 Object: 对象类。
8、 String: 字符串类。

2、数组

- 创建数组
- var arr = new Array();
- var arr = [];
- 向数组中添加元素
- 语法；
数组对象[索引] = 值;
arr[0] = 123;
arr[1] = “hello”;

- 创建数组时直接添加元素
- 语法：
var arr = [元素1,元素2…元素N];
- 例子：
var arr = [123,“hello”,true,null];

JavaScript 数组作为栈使用的两个方法如下。(后进先出，插入元素时在元素尾部插入)

push(ele)：元素入栈，返回入栈后数组的长度。
pop()：元素出栈，返回出栈的数组元素。

JavaScript 数组作为队列使用的两个方法如下。（后进先出，插入元素时在元素头部插入）

unshift(ele)：元素入队列，返回入队列后数组的长度。
shift(）：元素出队列，返回出队列的数组元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        var stack = [];
        // 栈，元素插入顺序【1】-》【1，2】-》【1，2，3】
        stack.push("1");
        stack.push("2");
        stack.push("3");
        // 出栈，后进先出【1，2，3】-》【1，2】-》【1】
        console.log(stack.pop());
        console.log(stack.pop());

        var queue = [];
        // 队列，元素插入顺序【4】-》【5，4】-》【6，5，4】
        queue.unshift("4");
        queue.unshift("5");
        queue.unshift("6");
        // 出列，后进先出【6，5，4】-》【5，4】-》【4】
        console.log(queue.shift());
        console.log(queue.shift());
    </script>
</body>
</html>

Array 对象还定义了如下方法：

sort([ sortfunction]）：对数组元素排序。
reverse(）：反转数组包含的元素。
join([separator]）：将数组的多个元素拼接在一起，组成字符串后返回。
concat(value, ．．．）：为数组添加一个或多个元素。原数组不变。
slice((start, [end])
- 可以从一个数组中截取指定的元素
- 该方法不会影响原数组，而是将截取到的内容封装为一个新的数组并返回
- 参数：
1.截取开始位置的索引（包括开始位置）
2.截取结束位置的索引（不包括结束位置）
- 第二个参数可以省略不写，如果不写则一直截取到最后
- 参数可以传递一个负值，如果是负值，则从后往前数
splice(start, deleteCount, value, …)
- 可以用来删除数组中指定元素，并使用新的元素替换
该方法会将删除的元素封装到新数组中返回
- 参数：
1.删除开始位置的索引
2.删除的个数
3.三个以后，都是替换的元素，这些元素将会插入到开始位置索引的前边

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        var a = ["html",2,"yeeku"];
        console.log(a.concat(4,5));
        console.log(a.concat([4,5]));
        console.log(a.concat([4,5],[6,7]));
        
        var b = ["html",20,"is",99,"good"];
        console.log(b.join());
        console.log(b.join("+"));

        var c = ["html","css","jquery","bootstrap"];
        c.reverse();
        console.log(c);

        var d = ["yeeku","leeganf","www","eeee","wqqee"];
        console.log(d.slice(3));
        console.log(d.slice(2,4));
        console.log(d.slice(1,-2));
        console.log(d.slice(-3,-2));

        var e = ["yeeku","leegang","carzyit","ffff","www"];
        console.log(e.splice(3));
        console.log(e.splice(1,1));
        console.log(e.splice(0,1,20,30,40));
        console.log(e);
        
    
    </script>
</body>
</html>

在这里插入图片描述

3、函数

函数声明语句以关键字 function 开始，其后跟有函数名、参数列表和函数体。其语法如下所示：

function 函数名(参数,参数,参数...){ 函数体 }

• 例如:

function sum(a,b){ return a+b; }

– 上边我们定义了一个函数名为sum，两个参数a和b。函数声明时设置的参数称为形参（形式参数），这个函数对两个参数做了加法运算并将结果返回。

先给自己打个气

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript复合类型

复合类型分为三种：Object: 对象。Array: 数组。Function: 函数。1、对象Object类型，我们也称为一个对象。是JavaScript中的引用数据类型。JavaScript有如下常用的内置类：1、 Array: 数组类2、Date: 日期类。3、 Error: 错误类。4、 Function: 函数类。5、 Math: 数学类，该对象包含相当多的执行数学运...
复制链接

扫一扫

专栏目录