JavaScript基本语法(三)

简介: 数组一.数组的概念二.数组的定义三.名词解释四.获取数组元素五.数组的赋值六.遍历数组七.冒泡排序数组一、数组的概念:所谓数组,就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。
img_7bc158adcaeaee11ff3d16ababfb40cc.png
  • 数组

一.数组的概念
二.数组的定义
三.名词解释
四.获取数组元素
五.数组的赋值
六.遍历数组
七.冒泡排序

数组

一、数组的概念:
所谓数组,就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。

二、数组的定义
方式一:通过构造函数的方式定义一个数组

var 数组名= new array();

var arr = new array();//空数组

方式二:通过字面量的方式创建数组

var 数组名= [];

var arr = [];//空数组

三、名词解释
1、数组元素:数组中存储的每个数据,都是数组的元素。
例子

var arr= [10,20,30];
//这里的10、20、30就是数组的元素

2、数组长度:就是数组的元素的个数。
例子

var arr= [10,20,30];
//这个数组的长度就是3

3、数组索引(下标):用来存储或者访问数组中的数据的,索引从0开始,到长度减1结束。
例子

var arr= [10,20,30];
arr[0]=100;//设置数组中某个位置的值
//中括号里的0就是数组的索引

四、获取数组元素
格式:数组名[索引]
例子:

var arr= [10,20,30];
console.log(arr[0]);//10
console.log(arr[1]);//20
console.log(arr[2]);//30
console.log(arr[2]);//undefined

五、数组的赋值
格式:数组名[下标/索引]=值;
如果下标有对应的值,会把原来的值覆盖,如果下标不存在,会给数组新增一个元素。
例子:

var arr= [10,20,30];
arr[0]=100;
arr[3]=50;
console.log(arr[0]);//100
console.log(arr[3]);//50

六.遍历数组
遍历:遍及所有,对数组的每一个元素都访问一次就叫遍历。

//语法
for(var i = 0; i < arr.length; i++) {
}

例子

var arr=[10,20,30,40];
for (var i=0;i<arr.length;i++) {
    console.log(arr[i]);
}

七、冒泡排序
概念:把所有的数据按照一定的顺序排序
降序

var arr = [3,5,77,9,10,32,45,64,2];
for (var i=0;i<arr.length-1;i++) {
    for (var j=0;j<arr.length-1-i;j++) {
        if(arr[j]<arr[j+1]){
          var temp=arr[j];
          arr[j]=arr[j+1];
          arr[j+1]=temp;
    }
  }
}
console.log(arr);
相关文章
|
3月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
128 1
|
27天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
1月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
18 0
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
4月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
137 4
|
5月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
35 5
|
4月前
|
存储 JavaScript 前端开发
|
5月前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
60 3
|
4月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
575 0