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

相关推荐
Lee川41 分钟前
Milvus 实战:当 RAG 遇上向量数据库,从"玩具 Demo"到"生产可用的"那一步
前端·数据库·人工智能
anOnion1 小时前
构建无障碍组件之Toolbar Pattern
前端·html·交互设计
惊鸿一博2 小时前
图标加载方式_zeroIcon_是否加前缀mdi
开发语言·前端·javascript
2501_940041742 小时前
前端工程化进阶:5个高交互与可视化项目提示词
前端
你很易烊千玺2 小时前
JS 异步 从零讲(大白话 + 真实场景 + 可运行案例)
前端·javascript·vue.js
莫逸雪3 小时前
Nodemo使用学习
学习·编辑器·vim
华洛4 小时前
讲讲如何在传统产品中挖掘AI需求
javascript·产品经理·产品
why技术4 小时前
AI Coding开始进入第四个时代,我还没上车呢!
前端·人工智能·后端
大家的林语冰5 小时前
CSS 已死?DOM 性能黑洞!Pretext 排版革命让你在文本间跳舞,没有 DOM 也能纵享丝滑~
前端·javascript·css
vipbic5 小时前
我也该升级了,陪伴了我7年的博客
前端