前端学习 JavaScript(2)

1.Array数组

js当中的数组和c语言当中的数组区别:c语言当中的数组,是存储相同数据类型的集合[1,2,3]、["aa","nb"]

js当中定义的数组可以不是同一个类型

c语言当中的数组越界会报错,js当中访问越界不会报错会输出undefined
**相同点:**同样都是可以通过下标获取数据

javascript 复制代码
     var arr=new Array("abc",88,true,false,null);//第一种定义方法
	 console.log(arr[0]);
	 var arr1=["a66",1,34,555];//第二种
	 console.log(arr1);

<1>、js当中的数组可以当成栈和队列使用

栈:能让数据实现先进后出
push(element)元素入栈
pop()元素出栈

javascript 复制代码
     var stack=[];
	 stack.push("孙悟空");
	 stack.push("猪八戒");
	 stack.push("沙僧");
	 console.log(stack.pop());
	 console.log(stack.pop());
	 console.log(stack.pop());

队列:能让数据实现先进先出
unshift(element);元素入队列 shift()元素出队列

javascript 复制代码
     var queue=[];
	 queue.unshift("xiao");
	 queue.unshift("king");
	 queue.unshift("ll");
	 console.log(queue.shift());
	 console.log(queue.shift());
	 console.log(queue.shift());

这符合队列 "先进先出" 的规则,只是 unshift() 方法的特性导致后添加的元素反而排在了前面

<2>、数组内元素的排序

1.默认排序

javascript 复制代码
     var arr2=["asdf","gfggf","sdaf","safafgwr"];
	 console.log("处理前",arr2);
	 arr2.sort();
	 console.log("处理后",arr2);
	 var arr3=[12,2415,2313,333,56,7374];
	 console.log("处理前",arr3);
	 arr3.sort();
	 console.log("处理后",arr3);

默认排序是比较各个位置的大小从第一个位置开始而不是整体大小。

2.按大小排序

javascript 复制代码
     var arr4=[12,2415,2313,333,56,7374];
	 console.log("处理前",arr4);
	 arr4.sort(function(a,b){
	     return a-b; //简单来说a-b升序,b-a降序
	  });
	 console.log("处理后",arr4);

return a-b; 简单来说a-b升序,b-a降序。

3.object对象

Array:数组 Date:日期 Math:数学类 string:字符类

4.Function函数/方法

javascript 复制代码
 function myTeest(){
	     //---
	 }

5.js的运算符

赋值运算=:等号前边是变量,后边是值

javascript 复制代码
     var arr11=[1,2,3,4,5];
	 arr11[0]=arr11[1];//将2这个值赋给1的位置
	 console.log(arr11);
	 //2,2,3,4,5

6.强化运算符运算

javascript 复制代码
     //+=  *=  /=  -=
	 //a/2--->a=a/2;
	 //比较运算符:> < <= >= ==(相同返回true=,不相等放回false) !=  
	 //===(a===b:判断变量是否严格相同,即两个变量的数据类型是否相同,值是否相等)
	 //var a="123";var b=123;  a==b(true)  a===b(false)
	 //逻辑运算符: && || !
	 //&&两个操作数同为真为真,否则为假
	 //||两个操作数只有一个为真则真,否则为假
	 //!只有一个操作上,操作数取反

7.三目运算符

(表达式)?A:B--->如果表达式为真则输出A,否则输出B
a>b?console.log("hello"):console.log("world")

相关推荐
刘逸潇200517 小时前
CSS基础语法
前端·css
容器( ु⁎ᴗ_ᴗ⁎)ु.。oO18 小时前
Magentic-ui 学习
学习
吃饺子不吃馅18 小时前
[开源] 从零到一打造在线 PPT 编辑器:React + Zustand + Zundo
前端·svg·图形学
_李小白18 小时前
【OPENGL ES 3.0 学习笔记】延伸阅读:VAO与VBO
笔记·学习·elasticsearch
小马哥编程19 小时前
【软考架构】案例分析-Web应用设计(应用服务器概念)
前端·架构
鱼与宇19 小时前
苍穹外卖-VUE
前端·javascript·vue.js
啃火龙果的兔子20 小时前
前端直接渲染Markdown
前端
z-robot20 小时前
Nginx 配置代理
前端
微露清风20 小时前
系统性学习C++-第九讲-list类
c++·学习·list
用户479492835691520 小时前
Safari 中文输入法的诡异 Bug:为什么输入 @ 会变成 @@? ## 开头 做 @ 提及功能的时候,测试同学用 Safari 测出了个奇怪的问题
前端·javascript·浏览器