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

相关推荐
WHOVENLY11 分钟前
【javaScript】- 作用域[[scope]]
前端·javascript
呵呵哒( ̄▽ ̄)"14 分钟前
专项智能练习(古代神话)
学习
来杯三花豆奶16 分钟前
Vue3 Pinia 从入门到精通
前端·javascript·vue.js
syt_101319 分钟前
设计模式之-工厂模式
javascript·单例模式·设计模式
卡布叻_星星37 分钟前
Docker之Nginx前端部署(Windows版-x86_64(AMD64)-离线)
前端·windows·nginx
LYFlied37 分钟前
【算法解题模板】-解二叉树相关算法题的技巧
前端·数据结构·算法·leetcode
weibkreuz40 分钟前
React的基本使用@2
前端·javascript·react.js
map_vis_3d40 分钟前
JSAPIThree 加载单体三维模型学习笔记:SimpleModel 简易加载方式
笔记·学习·3d
于是我说44 分钟前
前端JavaScript 项目中 获取当前页面滚动位置
开发语言·前端·javascript
小肖爱笑不爱笑44 分钟前
JavaScript
java·javascript·json·web