js入门（5）

最新推荐文章于 2022-06-22 14:14:37 发布

原创最新推荐文章于 2022-06-22 14:14:37 发布 · 76 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #javascript #html

入门专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了JavaScript中日期格式化的步骤，包括获取年、月、日、时、分、秒，并对月份、日期等小于10的情况进行前导零填充。此外，还讲解了数据重组的方法，如何将二维数组转换为包含多个对象的一维数组。同时，探讨了字符串对象的特点，如索引、长度和有序性，以及如何进行字符串操作，如查找子串、转换为数组和数组转换为字符串。文章最后讨论了字符串截取的各种方法，如slice、substr和substring，它们都返回新的子字符串，不影响原始字符串。

日期格式化

YYYY-MM-DD hh:mm:ss;

var date = new Date();

var YYYY = date.getFullYear(); // 获取年

var MM = date.getMonth()+1; // 月

var DD = date.getDate(); // 日

var hh = date.getHours();

var mm = date.getMinutes();

var ss = date.getSeconds();

需要对月结构进行处理，并对MM进行重新赋值

if(MM<10){

MM = ‘0’+ MM;

}

if(DD<10){

DD = ‘0’+ DD;

}

if(hh<10){

hh = ‘0’ + hh;

}

if(mm<10){

mm = ‘0’ + mm;

}

if(ss<10){

ss = ‘0’ + ss;

}

document.write(YYYY+"-"+MM+’-’+DD+’ ‘+hh+’:’+mm+’:’+ss)

for…in

var count = 0;

// for …in in关键字

for(var x in obj){

// 循环体执行多少次

// --> 由obj 对象中属性的个数决定

console.log(++count);

// 多次执行 x的赋值是什么？

// —> x是变量赋值属性

consolo.log(‘key’,x);

// 如何获取对象下属性的值？

console.log(‘value’,obj[x]);

// bug obj.x 中 x是字符串’x’ ，不是变量

// 获取obj对象下 x属性的值

console.log(‘bug’,obj.x);

}

随机数

总结求任意区间随机整数

// 最大值max

// 最小值min

// Math.floor(Math.random()*(max-min+1))+min

数据重组

1.确定数据结构，由外部到内部添加数

var newData = []

2.往数组中添加3个对象

for(i=0;i<data.length;i++){

3.给obj添加具体的属性并赋值

var obj ={

‘name’:data[i][0],

‘empno’:data[i][1],

‘job’:data[i][2],

sal:data[i][3],

comm:data[i][4],

odd:data[i][5],

}

newData[i]=obj;

}

console.log(newData);

字符串对象

字符串对象特点

1.有索引值

2.有长度

3.有序

String() 实例化字符串对象，将其他类型数据转化为字符串，与隐士转化一致 |参数：任意数据类型

遍历字符

for(var i=0;i<res.length;i++){

// 获取每一个字符

console.log(res[i]);

}

var str1 = ‘dawwteyjnbvc’;

console.log(str1.length);// 返回字符串长度

for(var j=0;j<str1.length;j++){

// 获取每一个字符

console.log(str1[j]);

}

查询字符

var str = ‘qwqertryujhg’;

var cart = ‘abc’;

需求：查看 str中是否有abc

var res = str.indexOf(cart);

string.indexOf() 判断字符串中是否存在某串字符

—> 不存在返回值-1

—> 存在返回第一个字符在字符串中的索引值

参数：字符片段

字符串与数组的切换

var arr = [2.3,‘dd’,23,‘df’];

数组如何变为字符串

arr.toString() 返回数组转化为字符串结果

数组本身不变，返回值是字符串

var res = arr.toString();

console.log(res,arr);

arr.join() 将数组变为字符串返回字符串

参数：string 作用：将逗号替换为参数

var str = arr.join(’-’);

console.log(str,arr);

把res str 变为数组

str.split()将字符串进行切割，并返回数组

参数，被切割的字符

var resu = res.split(’,’); // 切割逗号逗号不存在

replace

str.replace(exp,newStr)替换

—> 参一exp 正则表达式，作用匹配str中的字符

—> 参二newStr 表示新字符作用:用于替换 exp 匹配的结果

var res = person.replace(/[‘人’]/g,‘狗’);

截取字符片段

var str = ‘qwertyujhfgfdsa’;

str = new String(str);

console.log(str);

1.从第2-6索引值的字符片段

str.slice(startIndex,endIndex) 截取字符片段，并返回子字符

从第startIndex开始到endIndex结束，包含startIndex 不包含endIndex

—> starIndex 表示从第几个索引值开始

—> endIndex 表示到第几个索引值结束

子字符长度 endIndex - startIndex

var res = str.slice(2,6);

console.log(res);

starIndex 开始字符

len 子字符长度

var res1 = str.substr(3,5);

console.log(res1);

于slice 用法是一样的

var res2 = str.substring(2,6);

console.log(res2);

注意以上截取字符方法，都是返回【新的子字符】。原来的字符不变

新的字符是独立的，不会相互影响