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

相关推荐
凌览6 小时前
一键去水印|5 款免费小红书解析工具推荐
前端·javascript·后端
有意义6 小时前
栈数据结构全解析:从实现原理到 LeetCode 实战
javascript·算法·编程语言
lichong9516 小时前
鸿蒙 web组件开发
前端·typescript
1024小神6 小时前
在html中使用js动态交换两个元素的位置
前端
鹿鹿鹿鹿isNotDefined6 小时前
逐步手写,实现符合 Promise A+ 规范的 Promise
前端·javascript·算法
一千柯橘6 小时前
Electron - IPC 解决主进程和渲染进程之间的通信
前端
申阳6 小时前
Day 16:02. 基于 Tauri 2.0 开发后台管理系统-项目初始化配置
前端·后端·程序员
老前端的功夫6 小时前
HTTP 协议演进深度解析:从 1.0 到 2.0 的性能革命
前端·网络·网络协议·http·前端框架
拉不动的猪6 小时前
前端三大权限场景全解析:设计、实现、存储与企业级实践
前端·javascript·面试
im_AMBER6 小时前
算法笔记 16 二分搜索算法
c++·笔记·学习·算法