js编码中常用的知识点

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js编码中常用的知识点，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3369字，纯文字阅读大概需要5分钟。

内容图文

• 对象操作（循环、移除、添加、修改等）用到下面的数组常用方法和循环知识点。

【数组和对象的区别】

• 数组使用数字索引。对象使用命名索引。数组是特殊类型的对象。
• 如果希望元素名为字符串(文本)则使用对象。如果希望元素名为数字则使用数组。
• Array.isArray([1,2])或 [1,2] instanceof Array 检测数组

• 判断数据类型：typeof([1,2])== 'object'返回true，[1,2] instanceof String返回false
• 自己写一个数组类

function MyArray() {
	this.length = arguments.length;
	for(var i=e; i< arguments.length; i++) {
		this[i] = arguments[i];
	}
} 
var arr = new MyArray(11,3,55,88,99, "abc");
arr[6] = 100;

【数组常用方法】：常用 —— push / splice / concat

let obj = [1,2,3] //数组
obj= [1,"ab",{age:11,name:"tome"}];//数组内含字符串，对象
obj.push('12')//数组底部追加，并返回长度。【常用】
obj.pop()//底部移除一个，并返回删除的值。
obj.unshift('1')//数组的头部追加，并返回长度
obj.shift()//头部移除一个，并返回删除的值。
obj.splice(2,0,"abc","dd")//在下标2处添加两个元素 —— 在指定位置“粘接”n个元素【常用】
obj.splice(2,1,"asd","d")//从下标2处接入后面2个元素 —— 删除指定 + 然后“粘接”n个元素
obj.splice(2,1)//从下标2处移除1个元素 —— 删除指定索引元素【常用】
split()字符串分割数组
let arr = obj.concat(['啊啊'],'ff');//多个数组合（union all）成一个新数组并返回【常用】
obj.slice(1,3);//（单词：切成薄片）截取从索引1到3（含1不含3的中间元素）—— 返回指定索引范围元素，得到一个新的。

• 用slice对数组进行等分操作

let newArr = [];
let data=[1,2,3,4,5,6];
for (let index = 0; index < data.length; index += 2) { 
	let per = 2;//每2条一组等分
	newArr.push(data.slice(index, index + per)); 
}

【数组循环】 （常用 —— for / forEach / filter / map / find）

• for （使用频率高） for(let i=0;i<10;i++){}、for-in遍历对象的属性，而 for-of（ES6） 遍历可迭代对象的值

• forEach（中）遍历数组，类似for。

let arr=[1,2,3,4,5,6,7];
arr.forEach(function(v){console.log(v)});//数组每个元素都执行一下函数

• filter （中）过滤，数组每个元素都按函数过滤，符合条件的组成新数组返回。

let a = arr.filter(item => item.Sex === '女');

• find （中）查找符合条件第一个元素。

$(this.$refs[this.UserName].$el).find("input").focus();//找到第一input放入筛选框
let a = arr.find(item => (item.Sex == '女');

• map（中）遍历每个元素，按逻辑组成新数组返回。(新数组个数不变，而filter是过滤个数会变)

let arr=[1,2,3,4,5,6,7];
let a = arr.map((v)=>v*2);//数组每个元素都执行一下函数，组成新数组后返回。

let people=[{a:1,b:'tome'},{a:2,b:'lily'}]; 
let pa=people.map(v=>v.a===1);//返回：[true, false]

let data = people.map(function (obj, index) {
	let item = {
	  value: obj.a,
	  label: obj.b
	}
	return item;
}); // 返回：[{value: 1, label: "tome"},{value: 2, label: "lily"}]

• every （少）检测数组所有元素是否都符合指定条件

//true则small是big子集
public static includes(big, small): Boolean {
	return small.every(val => big.includes(val));
}

• findIndex（少）返回符合条件的数组第一个元素位置。reduce（少）数组元素相加后的总和

【js异常】

try {
	 throw "自己抛异常"; 
}catch(err) {
	console.log(err);
} finally {
	//....
}

【日期常见操作】：格式转换和加减、大小

new Date() 
new Date("January 12,2006 22:19:35");
new Date("January 12,2006")
new Date(2006,1,12,22,19,35);
new Date(2006,1,12);
new Date(1137075575000);
当前日期的年：(new Date()).getFullYear() 
当前日期的月：(new Date()).getMonth()+1
当前日期的日：(new Date()).getDate()
当前日期的时/分/秒：.getHours()，getMinutes(),getSeconds

• JavaScript 设置日期方法大全
• Moment.js 是一个简单易用的轻量级 JavaScript 日期处理类库，提供了日期格式化、日期解析、设置、比较等功能。

内容总结

以上是互联网集市为您收集整理的js编码中常用的知识点全部内容，希望文章能够帮你解决js编码中常用的知识点所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端