【学习笔记19】JavaScript数组的基本认识
2023-09-11 14:14:57 时间
笔记首发
一、认识数组
- 😃 一组数字的集合(这样说太片面了)
- 🤣存放一些
数据的集合
// 注意是中括号, 不是大括号
var arr = [100, 200, 300, 'a', 'b', 'c', true, false, undefined]
console.log(arr)
二、创建数组
1、字面量
var arr = [1, 2, 3, 4, 5, 6]
console.log(arr);
2、内置构造函数
var arr1 = new Array(); //空数组
console.log( arr1 );
var arr2 = new Array( 5 );
console.log( arr2 );
var arr3 = new Array(1, 2, 3, 4, 5, 6);
console.log( arr3);
3、数组的length
- 代表了数组的成员数量
- 语法:
数组.length
var arr = [1, 2, 3, 4, 5, 6]
console.log(arr.length); // 6
4、数组的索引值(下标)
- 数组的索引就代表了当前数据在数组的第几个 位置(
注意!!! 下标从0开始
)
var arr = [1, 2, 3, 4, 5, 6]
// 下标:0 1 2 3 4 5
console.log(arr);
// 通过下标获取数组对应的成员
console.log( arr[0] ); // 第一个 1
console.log( arr[4]) // 第五个 5
console.log( arr[arr.length-1]); // 最后一个 6
三、遍历数组
- 拿到数组的每一个
成员
var arr = [1, 2, 3, 4, 5, 6]
for (var i = 0; i < arr.length; i++) {
// 数组下标
console.log('数组下标',i)
// 数组下标对象的值
console.log('数组下标对象的值',arr[i]);
}
四、课堂练习
1、计算数组的所有和
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var num = 0;
for(var i = 0; i < arr.length; i++){
num += arr[i];
}
console.log(num);
2、计算数组内所有成员中最大值
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var max = 0;
for( var i = 0; i < arr.length; i++){
if (max < arr[i]) {
max = arr[i];
}
}
console.log(max);
3、计算数组内所有成员中最大值的下标
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var max = 0;
for( var i = 0; i < arr.length; i++){
if (max < arr[i]) {
max = arr[i];
console.log(i);
}
}
console.log(max);
4、交换数组下标0和1的值
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var sum = arr[0];
arr[0] = arr[1];
arr[1] = sum;
console.log(arr);
相关文章
- javascript类和原型学习笔记
- 原生JavaScript实现AJAX、JSONP
- JavaScript闭包(Closure)学习笔记
- Javascript Prototypes之旅(A Plain English Guide to JavaScript Prototypes译文)
- [Javascript] JavaScript赋值时的传值与传址
- [Javascript] Decorators in JavaScript
- [Javascript] Redirect the browser using JavaScript
- [Javascript] An Introduction to JSPM (JavaScript Package Manager)
- [Javascript] Hoisting in JavaScript
- [Javascript] Convert a Callback-Based JavaScript Function to a Promise-Based One
- [Javascript] Understanding the .constructor property on JavaScript Objects
- [Javascript] Redirect the browser using JavaScript
- [Javascript] Hoisting in JavaScript
- Javascript 学习 笔记三
- Javascript 学习 笔记四
- Javascript 学习 笔记三
- Javascript 学习 笔记二
- Javascript 学习 笔记一
- Javascript 学习 笔记三
- JavaScript 异步执行的学习笔记 - 什么是事件循环 Event loop?
- JavaScript学习笔记之JavaScript调用C#编写的COM组件
- JS与ES6高级编程学习笔记(一)——JavaScript核心组成
- JavaScript学习笔记之下拉选择框的操作
- 《Javascript权威指南》学习笔记之十二:数组、多维数组和符合数组(哈希映射)
- Javascript 学习 笔记一