关于队列的操作

最新推荐文章于 2022-07-08 21:52:40 发布

qq_40891002

最新推荐文章于 2022-07-08 21:52:40 发布

阅读量100

点赞数

分类专栏： js 文章标签： js 队列

本文链接：https://blog.csdn.net/qq_40891002/article/details/106668212

版权

js 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input id="queue-input" type="text">
    <p id="queue-cont">队列内容：apple-&gt;pear</p>    
    <button id="in-btn" onclick="aa()">入队</button>
    <button id="out-btn" onclick="bb()">出队</button>
    <button id="font-btn" onclick="cc()">打印队头元素内容</button>
    <button id="empty-btn" onclick="dd()">判断队列是否为空</button>
    
    <script>
        var queue = ["apple", "pear"];
     function print(){
		 var str=document.getElementById('queue-cont');
		 str.innerHTML=queue;
	 }
	 function aa(){
		 var text=document.getElementById('queue-input');
		 queue.push(text.value);
		 console.log("添加元素成功"+text.value);
		 print();
	 }
	 function bb(){
		 console.log("出队成功"+queue.shift());
		 print();
	 }
	 function cc(){
		 console.log(queue[0]);
		 print();
	 }
	 function dd(){
		 if(queue[0]!=null){
			 console.log("队列非空");
		 }
		 else{
			 console.log("队列为空");
		 }
	 }
 
    </script>
</body>
</html>

1.数组可以直接赋值给元素的内容

2.shift()方法，删除数组第一个元素且返回原数组第一个元素

qq_40891002

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于队列的操作

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input id="queue-input" type="text"> <p id="queue-cont">队列内容：apple-&gt;pe.
复制链接

扫一扫

专栏目录