网站内部链接优化,h5设计软件,高端网站建站,无锡市网站搭建一个寒假确实过的很快#xff0c;这个寒假除了调包调参突然心血来潮想学一下前端#xff0c;学习过程比较平滑#xff0c;我是自己找的技术文档#xff0b;写代码实践来学习的#xff0c;教程视频虽然详细#xff0c;但是真的一点都看不动。 目录 JS如何定义变量的老旧的… 一个寒假确实过的很快这个寒假除了调包调参突然心血来潮想学一下前端学习过程比较平滑我是自己找的技术文档写代码实践来学习的教程视频虽然详细但是真的一点都看不动。 目录 JS如何定义变量的老旧的varlet定义是推荐使用的。 JS中的数组concat方法会返回一个连接后的新数组不会改变原数组遍历数组的一些方法查找元素的一些方法在数组中查找对数组每个元素操作返回一个新数组,map操作数组和字符串之间的转化splice方法非常好用既可以删除元素也可以填充修改对比数组是否相等时请使用而不是Reduce方法函数操作应用到每个数组的元素上 JS 中的字符串访问查找切片UnicodecharCodeAt()和toString()) JS如何定义变量的
老旧的var
在一些比较古早的教材中定义js变量通常使用的是var。虽然是大家经常写的做法但是不推荐这么做因为他又两点坏处
var 关键字只有函数作用域和全局作用域。
if (true) {var flag False;
}
console.log(flag); // 这个时候显示的是False意味着这个变量在循环过后依旧存在关于var存在变量提升的问题
a 0
var a
console.log(a) // 0声明的语句可以视为自动提升到文档的顶部
var关键字可以重新定义不报错
let定义是推荐使用的。
JS中的数组
常用的方法有
let a [2, 3, 4 ,5]let size_a a.length // 是数组的一个属性a.unshift([a,b])console.log(a数组的长度为${size_a})
console.log(a 数组经过 unshift 后变成了a: ${a})//a 数组经过 unshift 后变成了a: a,b,2,3,4,5a.shift()
console.log(a 数组经过一次shift操作的变化a: ${a})//a 数组经过一次shift操作的变化a: 2,3,4,5
// 这会除掉一次性unshift加入头部的元素a.concat([concat]) // concat 操作会返回一个新数组所以这里
console.log(进行concat 操作后的 a: ${a}) // 进行concat 操作后的 a: 2,3,4,5let new_a a.concat([concat])
console.log(返回的新数组为${new_a}) // 返回的新数组为2,3,4,5,concatconsole.log(查找元素2 : ${a.indexOf(2)}) // 查找对应的索引let b a.slice(1,3)
console.log(b 截取的子串为 ${b}) // [ , ) 方式截取的子串let c []for (let i 0 ; i 10 ; i){c[i] i
}console.log(数组c是:${c})
console.log(转置后的数组c是${c.reverse()})
console.log(排序后的转置数组c ${c.reverse().sort()})console.log(在0-3这个位置删除掉元素然后添加4个字母,删除掉的元素为${c.splice(0,4,a,b,c,)})
//在0-3这个位置删除掉元素然后添加4个字母,删除掉的元素为0,1,2,3
console.log(c) // 这个操作会直接影响数组c而不是返回新的数组
//[
// a, b, c, 4, 5,
// 6, 7, 8, 9
//]console.log(将数组c的所有元素使用一个符号连接 : ${c.join(:)})
//将数组c的所有元素使用一个符号连接 : a:b:c:4:5:6:7:8:9concat方法会返回一个连接后的新数组不会改变原数组
遍历数组的一些方法
arr.forEach(function(value,index,arr){ …do something})for(let i 0 ; i arr.lenght; i){}for(let i of arr){}
查找元素的一些方法
indexOf()lastIndexof() 以上两种办法接受(value,from)从from开始查询找到了value就返回索引找不到返回-1 还有另外一种只检查是否涵盖includes() 用法一样返回的真假
在数组中查找
let users [{id: 1, name: John},{id: 2, name: Pete},{id: 3, name: Mary}
];let user users.find(item item.id 1);//返回值
let user1 user.findIndex(item item.id 1);//返回索引
let user2 user.findLastIndex();//同上alert(user.name); // John对数组每个元素操作返回一个新数组,map操作
let result arr.map(function(item, index, array) {// 返回新值而不是当前元素
})数组和字符串之间的转化
let a [1,1,2,3,2,34,45]
let b a.join(,) // 1,1,2,3,2,34,45
console.log(b)
let c b.split(,)
console.log(c) // [ 1, 1, 2, 3, 2, 34, 45 ]
splice方法非常好用既可以删除元素也可以填充修改
arr.splice(start[, deleteCount, elem1, …, elemN])
对比数组是否相等时请使用而不是
因为 对比的是两个变量引用的是同一个对象才会相等他也会存在类型转换
0 [] // true 因为空[]被转化为0Reduce方法函数操作应用到每个数组的元素上
let value arr.reduce(function(accumulator, item, index, array) {// accumulator为上一次函数的返回值initial为初始值
}, [initial]);JS 中的字符串
JS中创建好的字符串变量是不可以直接通过索引修改的必须用新的变量存储
访问
使用方括号的数字索引来。
查找
使用string.indexOf(character)来查找
切片
使用slice(start,end) # [ )区间使用substring(start,end) # 同上使用substr(start,length)
UnicodecharCodeAt()和toString())
所有的字符串都使用 UTF-16 编码 String 的 charCodeAt() 方法返回一个整数表示给定索引处的 UTF-16 码元其值介于 0 和 65535 之间。 toString()方法返回一个表示该对象的字符串
function Dog(name) {this.name name;
}const dog1 new Dog(Gabby);
let dog2 Dog(agg);//没有使用new创建实例无意义Dog.prototype.toString function dogToString() {return ${this.name};
};console.log(dog1.toString());
