JS进阶笔记5

简介: JS进阶笔记5

2.7 数组Array


数组的定义


  • JavaScript中的数组为Array对象,Array为JavaScript语言内置对象


  • 创建数组的两种方式,第一种方式更常用:


image.png


两种方式基本等效,除以下情况外


image.png


数组元素的访问


console.log(a1[1]); // 15
console.log(a2[0]); // 软件工程
console.log(a3[a3.length - 1]); // 软件183


数组的常用属性


  • length属性: 可读写,读返回数组中元素的个数,写可增加或减少元素的个数


let a2 = ['软件工程', '计算机科学与技术', '网络工程'];
console.log(a2.length);   // 3
a.length = 5;
console.log(a2);  
// (5) ["软件工程", "计算机科学与技术", "网络工程", empty × 2]
a2.length = 2;
console.log(a2);  // (2) ["软件工程", "计算机科学与技术"


  • push(e1, ..., en):将参数指定的元素依次添加到数组的末尾,并返回新数组的长度


let a = ['软件181', '软件182', '软件183'];
console.log(a.push('软测181', '软测182'));  // 5
console.log(a); 
// (5) ['软件181', '软件182', '软件183', '软测181', '软测182']


  • pop():弹出(返回,并在数组中删除)数组最末一个元素


let c = a.pop();
console.log(c); // 软测182
console.log(a); 
// (4) ["软件181", "软件182", "软件183", "软测181"]


  • unshift(e1, ..., en): 将参数e1, ..., en依次添加到数组的开头,并返回新数组的长度。


let b = ['软件181', '软件182', '软件183'];
console.log(b.unshift('软测181', '软测182')); // 5
console.log(b); 
// (5) ["软测181", "软测182", "软件181", "软件182", "软件183"]


  • shift(): 删除数组的第一个元素,并返回该元素。


let c2 = b.shift();
console.log(c2);  // 软测181
console.log(b);   
// (4) ["软测182", "软件181", "软件182", "软件183"]


相关文章
|
6天前
|
缓存 JavaScript 前端开发
【JavaScript 技术专栏】DOM 操作全攻略:从基础到进阶
【4月更文挑战第30天】本文深入讲解JavaScript与DOM交互,涵盖DOM基础、获取/修改元素、创建/删除元素、事件处理结合及性能优化。通过学习,开发者能掌握动态改变网页内容、结构和样式的技能,实现更丰富的交互体验。文中还讨论了DOM操作在实际案例、与其他前端技术结合的应用,助你提升前端开发能力。
|
6天前
|
JavaScript 前端开发 算法
JavaScript 中的 if 判断:深入理解、实战应用与进阶技巧
【4月更文挑战第7天】探索 JavaScript 中的 if 判断语句,它是构建逻辑清晰程序的基础。了解其概念、语法、应用示例及编程技巧,包括条件控制、else if 结构、三目运算符。注意条件表达式简洁性,避免 falsy 值陷阱,利用逻辑运算符优化,并减少 if 嵌套。实践这些技巧将提升编程能力和代码质量。
31 0
|
6天前
|
数据采集 Web App开发 JavaScript
JavaScript爬虫进阶攻略:从网页采集到数据可视化
JavaScript爬虫进阶攻略:从网页采集到数据可视化
|
6天前
|
JavaScript 前端开发
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
|
6天前
|
JavaScript 前端开发
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
|
6天前
|
JavaScript 前端开发
JavaScript 中运算符优先级:理解规则、实战应用与进阶技巧
【4月更文挑战第6天】了解 JavaScript 运算符优先级是编写清晰无误代码的关键。优先级规则决定了运算的顺序,从高到低包括一元、乘性、加性、关系、相等性等运算符。掌握优先级能避免逻辑错误,例如在表达式 `a * b + c` 中,乘法先于加法执行。实际应用中,使用括号可以明确运算顺序,提高代码可读性。注意避免混淆优先级,如赋值与比较操作。利用优先级简化逻辑判断,遵循编码规范,提升编程技能。通过不断学习和实践,加深对运算符优先级的理解,优化代码质量。
21 0
|
6天前
|
JavaScript 前端开发 Java
JavaScript高级笔记-coderwhy版本(六)
JavaScript高级笔记-coderwhy版本
75 0
|
6天前
|
JavaScript 前端开发 Java
JavaScript高级笔记-coderwhy版本(一)
JavaScript高级笔记-coderwhy版本
35 0
JavaScript高级笔记-coderwhy版本(一)
|
6天前
|
存储 JSON JavaScript
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-(三)
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-
40 1
|
6天前
|
JavaScript 前端开发 算法
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-(二)
JavaScript高级进阶(更新中)-javascript-gao-ji-jin-jie--geng-xin-zhong-
30 0