首页 > 其他分享 >01 JS基础

01 JS基础

时间:2023-10-28 21:11:38浏览次数:34  
标签:function 11 01 console log 基础 JS str var

// 类型转换
var x = '11';
console.log(parseInt(x));

var y = 11;
console.log(String(y));

var i = 11.11;
console.log(parseInt(i));

//字符类型
var str = "Jason | is | DSB";
console.log(str.length); //返回长度
console.log(str.trim()); //移除两边空白
console.log(str.trimLeft());
console.log(str.trimRight());
console.log(str.charAt(5)); //返回第n个字符
console.log(str.concat('OLO')); //拼接
console.log(str.indexOf(str, 1));
console.log(str.substring(1, 3)); // 根据索引获取序列
console.log(str.slice(0, 5,)); // 切片
console.log(str.toLowerCase()); // 小写
console.log(str.toUpperCase()); // 大写
console.log(str.split('|')); // 切割

// 布尔值
// true flase null undefined NaN

// 对象 --数组
l = [11, 22, 33, 44, 55, 66, 77, 88];
l.push(99); // append
l.pop(); // 不填就默认pop最后一个元素
l.unshift(); // 往列表头部添加元素
l.shift() // 删除数组的第一个元素
l.slice(0, 3); //删除元素1, 2, 3
l.reverse(); // 列数组反转
l.sort(); // 排序
console.log(l.join("$")); // 将$符号拼接到数组的每个元素后面
l.concat([01, 02, 03]); // 拼接数组, extend

//数组中三个比较重要的方法
var l = [11, 22, 33, 44, 55, 66, 77];

l.forEach(function(value, index, arr) {
console.log(value, index, arr) // value:元素 index: 索引 arr:元素的数据来源
}, l);

l.splice(0, 3) // 删除索引1, 2, 3. 第一个是起始位置, 第二个是删除的个数
l.splice(0, 1, 444) // 第三个是删除后添加的元素
l.splice(0, 3, [11, 22, 33]) // 先删除后添加

l.map(function(value, index, arr) {
console.log(value, index, arr) // value:元素 index: 索引 arr:元素的数据来源
,l;
})


//算术运算符
var x = 10;
var res1 = x++;
var res2 = ++x;
res1 10
res2 12
// ++表示自增1 类似于 +=1
// 加号在前先加后赋值 加号在后先赋值后加

//比较运算符
1 == '1' //弱等于 内部自动转换成相同的数据类型比较了
true

1 === '1' //强等于 内部不做类型转换

1 != '1'
false
1 !== '2'
true

//逻辑运算符
//python中 and or not
//js中 && || !
5 && '5'
'5'

0 || 1
1

!5 && '5'
false

"""
一定要注意到底什么时候返回的是布尔值 什么是返回的是数据
按照后端逻辑理解吧 js这块看看就行了
"""



//流程控制
var age = null;
if(age > 18) {
console.log('come on bady')
}
else if(age > 24) {
console.log('inside')
}
else{
console.log('goto go on');
}

var num = 2;
//提前列举好可能出现的条件和解决方式
switch(num) {
case 0:
console.log('0');
break;

case 1:
console.log('1');
break;

case 2:
console.log('2');
break;

case 3:
console.log('4');
break;

case 4:
console.log('5');
break;

default: // 条件都没匹配上, 默认走的流程
console.log('default');

}

var l = [11, 22, 33, 44, 55, 66, 77];
for(let i=0; i<l.length; i++) {
console.log(l[i]);
};

for(let i=1; i<=9; i++){
let row = '';
for(let j=1; j<=i; j++){
row += `${j} * ${i} = ${i * j}\t`;
}
console.log(row);
};

var i = 0;
while (i < 100) {
console.log(i);
i++;
if (i == 95) {
console.log("object");
break;
};
};


function func1(a, b){
console.log(a ** b);
};
func1(75, 5);

function func2(a, b) {
// arguments 获取函数接收到的参数
console.log(arguments);
console.log(a, b);
};

function func3(a, b) {
if (arguments.length < 2) {
console.log("传少了");
}
else if (arguments.length > 2) {
console.log('传多了');
}
else {
console.log("正常执行");
}
};

function index () {
//只能拿到最后一个返回值
return 888, 666, 444;
}
console.log(index());

//匿名函数
var res = function() {
console.log('匿名函数');
}

//箭头函数 等号左边是形参, 右边是返回值
var func1 = v => v;
console.log(func1);
// 等价于
var func1 = function(v) {
return v;
}

var func2 = (arg1, arg2) => arg1 + arg2
var func2 = function(arg1, arg2) {
return arg1 + arg2;
}


//函数的全局变量与局部变量
var city = "BEIJING";
function f1() {
var city = "SHANGHAI";
function innder() {
var city = "SHENZHEN";
console.log(city);
}
inner();
}


//对象 --字典

let dic = new Object();
dic.name = "Jason";
dic.pwd = "123";

//日期对象
let d = new Date();
d.getDate();
d.getDay();
d.getMonth(); // 只能获取到11
d.getFullYear(); // 获取完整的年份
d.getHours();
d.getMinutes();
d.getSeconds();
d.getMilliseconds();
d.getTime();
d.toLocaleString();

//JSON对象
//JSON.stringfy()--dumps JSON.pares()--loads
let d7 = {'name':'jason', 'age':18};
var a = JSON.stringify(d7);
var b = JSON.parse(d7);
console.log(a, b);

// RegEXP对象
// 第一种
let reg = new RegExp('^[a-zA-Z][a-zA-Z0-9]{5,11}');

// 第二种
let reg1 = /^[a-zA-Z][a-zA-Z0-9]{5,11}/;

reg1.test('egondsb');

标签:function,11,01,console,log,基础,JS,str,var
From: https://www.cnblogs.com/MirPaul/p/17794642.html

相关文章

  • 20231327 司宏林《计算机基础与程序设计》第5周学习总结
    学期(2023-2024-1)学号(20231327)《计算机基础与程序设计》第5周学习总结作业信息这个作业属于哪个课程<班级的链接>(如2023-2024-1-计算机基础与程序设计)这个作业要求在哪里<作业要求的链接>(如2023-2024-1计算机基础与程序设计第5周作业)这个作业的目标<关于机器语......
  • 【nodejs】Windows环境 ffmpeg添加水印
    一、Windows下面获取到的字体路径需要做处理,否则无法执行路径中:改为\:路径中:\改为/不要使用中文的名称 原路径:D:\Users\670493228\Desktop\public\font\default.ttf  使用水印命令(-logleveldebug可以看到执行日志,方便定位问题)ffmpeg-i1.mp4-vf"draw......
  • P2514 [HAOI2010] 工厂选址 题解
    目录DescriptionSolutionCodeDescription有\(m\)座煤矿,每一座煤矿有\(a_i\)吨煤,第\(i\)座煤矿到第\(j\)号发电厂的运费为\(c_{i,j}\)每吨。有一座发电厂(标号为0),需要恰好\(b\)吨煤矿发电,初始运行费用为\(h\)。还有\(n\)座待运行的发电厂(标号为1~n),每座发电厂初......
  • 【nodejs】批量获取文件的时长
    因为ffmpeg.ffprobe是异步的,需要使用promise同步,然后Promise.all将所有的Promise执行结果处理后返回/***获取文件列表时长(同步获取返回)*@param{Object}fileList*/asyncgetFileDuration(fileList){//初始化letpromises=fileList.map(fil......
  • 软考系列(系统架构师)- 2010年系统架构师软考案例分析考点
    试题一软件系统架构选择【问题1】(7分)在实际的软件项目开发中,采用恰当的架构风格是项目成功的保证。请用200字以内的文字说明什么是软件架构风格,并对主程序-子程序和管道-过滤器这两种架构风格的特点进行描述。软件架构风格是描述特定软件系统组织方式的惯用模式。组织方式描......
  • JS加密/解密之逻辑运算符加密进阶篇
    前言 前篇给大家介绍了运算符不为人知的基础知识。他们的各种表达形式,今天我们从这个基础上,继续进一步告诉大家,如何对字符串进行加密处理。还是那句话,技术人不废话,直接晒代码。示例源代码//字符串加密示例letstr="HelloWorld";//加密letencryptedString=[[]+[]+......
  • thymeleaf引用JS加随机数防止缓存
    一、运行环境1、Thymeleaf2.2.22、SpringBoot2.6.4二、实际代码<scriptth:src="@{/back/js/cloud/manageAddress.js(__${#httpServletRequest.getSession().getId()}__)}"></script>说点废话。都说ChatGPT智能,至少我感觉3.5一般国内有人搭建了要收费 其实ChatGPT对写代码还是......
  • 基于jquery+html开发的json格式校验工具
    json简介JSON是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLanguage,StandardECMA-2623rdEdition-December1999的一个子集。JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C,C++......
  • Python基础知识点
    一:常数、变量和数据类型1。常数和变量的差异一个程序通常都会有被处理的对象,而这些对象在被处理之前要以一些特定的类型存放在内存的某一个位置,需要的时候再拿出来处理。程序设计语言会把放置数据的那些内存位置都给一个名字,并把这个概念以“变量”来命名。放在这些位置的里面的数......
  • 软考系列(系统架构师)- 2011年系统架构师软考案例分析考点
    试题一软件架构(质量属性效用树、架构风险、敏感点、权衡点)【问题2】(13分)在架构评估过程中,需要正确识别系统的架构风险、敏感点和权衡点,并进行合理的架构决策。请用300字以内的文字给出系统架构风险、敏感点和权衡点的隹义,并从题干(a)~(m)中各选出1个对系统架构风险、敏感点和......