前端学习 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")

相关推荐
我是小疯子668 分钟前
前端开发入门:HTML、CSS与JS学习指南
前端
لا معنى له15 分钟前
学习笔记:Restormer: Efficient Transformer for High-Resolution Image Restoration
图像处理·笔记·学习·计算机视觉·transformer
知了清语21 分钟前
是的,微信小程序的 show-menu-by-longpress 真的会让你无语
前端
科技林总27 分钟前
【系统分析师】3.4 指令系统
学习
Hao_Harrision32 分钟前
50天50个小项目 (React19 + Tailwindcss V4) ✨| RangeSlider(范围滑块组件)
前端·typescript·react·tailwindcss·vite7
CC码码33 分钟前
不修改DOM的高亮黑科技,你可能还不知道
前端·javascript·面试
虚诚35 分钟前
vue2中树形表格怎么实现
前端·javascript·vue.js·ecmascript·vue2·树形结构
li星野40 分钟前
OpenCV4.X学习-视频相关
学习·音视频