JavaScript知识点

简介: JavaScript知识点

数组的概念


   定义:


            数组(Array)是存储数据的集合。


   数据存储类型不同:


          基本数据类型 :一次只能存储一个数据单元  


          var num = 20;


          数组 :一次可以存储多个数据单元                


          var arr = [1,2,3,4,5,6];

/*
    字面量语法形式
        var 变量 = [ 数据1 , 数据2 , 数据3 ....  ];
            在 [ ] 中 定义 数组存储的数据单元 
            数据单元可以是一个可以是多个 
            多个数据单元 使用逗号间隔 
            数组中可以存储所有JavaScript支持的数据结构
    构造函数定义数组
        var 变量 = new Array(); 
*/
 
//字面量语法定义数组
var arr = [1,2,3,4,5];
 
//构造函数定义数组
var arr1 = new Array();

数组的定义方式:

/*
    字面量语法形式
        var 变量 = [ 数据1 , 数据2 , 数据3 ....  ];
            在 [ ] 中 定义 数组存储的数据单元 
            数据单元可以是一个可以是多个 
            多个数据单元 使用逗号间隔 
            数组中可以存储所有JavaScript支持的数据结构
    构造函数定义数组
        var 变量 = new Array(); 
*/
 
//字面量语法定义数组
var arr = [1,2,3,4,5];
 
//构造函数定义数组
var arr1 = new Array();
数组的索引下标和长度:
var arr = [1,2,3,4,5];
 
//索引下标 0 1 2 3 4(一一对应以上数组单元)
 
//数组length 属性的调用
console.log(arr.length); // 数组长度是5

二、数组的基本操作

定义一个数组,有以下代码,我们逐一进行解释:

 

var arr = ['北京','上海','广州','深圳','重庆'];
console.log(arr[3]);
console.log(arr[50]);
arr[3] = '成都';
2.1 数组的调用:

      通过数组的索引下标 获取 指定数组单元存储的数据数值

//通过 [] 取值语法 调用指定 索引下标 存储的数据数值 
 
console.log(arr[3]);  //调用结果 深圳
 
//没有对应的索引下标 
 
console.log(arr[50]); //调用结果 undefined

2.2 数组的修改:

               通过数组的索引下标 对 已经存在的索引下标对应的单元 进行 重复赋值


               后赋值的数据会覆盖之前存储的数据


               执行效果就是修改数组单元存储的数据


//后赋值的成都会覆盖以前存储的深圳
arr[3] = '成都';
2.3 数组的新增:
//新增数组元素有两种方法
 
//方法一:修改length长度
var arr = ['北京','上海','广州','深圳','重庆'];
arr.length = 6;
console.log(arr[5]);//调用结果 undefined
 
//方法二:修改数组索引号 追加数组元素
var arr1 = ['北京','上海','广州','深圳','重庆'];
arr1[5] = '武汉';
console.log(arr1);
相关文章
|
5月前
|
JavaScript 前端开发 CDN
总结 vue3 的一些知识点:Vue.js 安装
总结 vue3 的一些知识点:Vue.js 安装
|
5月前
|
XML JSON 前端开发
|
5月前
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
14天前
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
2天前
|
JavaScript 前端开发 Java
JavaScript基础知识点
JavaScript基础知识点
|
2月前
|
JavaScript 前端开发
JavaScript 知识点总结
JavaScript 知识点总结JavaScript 是一种广泛应用于前端开发的编程语言。本文将总结一些常见的 JavaScript 知识点,帮助你更好地理解和应用这门语言。 一、基本语法和数据类型 变量声明:使用 var、let 或 const 声明变量。var 声明的变量具有函数作用域,而 let 和 const 声明的变量具有块级作用域。 var x = 10; let y = 20; const z = 30; 数据类型:JavaScript 中有以下几种基本数据类型:String(字符串)、Number(数字)、Boolean(布尔值)、Undefined(未定义)、Null(空值
36 3
|
5月前
|
JavaScript 前端开发 Java
前端知识点03(JS)
前端知识点概览:了解JS中的this指向,包括全局、函数、new、apply/call/bind及箭头函数的规则。理解script的async和defer属性对脚本加载和执行的影响。探讨setTimeout和setInterval的用法及其在性能上的考量。ES6与ES5的区别在于新语法特性,如let/const、箭头函数、模板字符串、模块化、类和继承等。此外,ES6还引入了Symbol、解构赋值、默认参数、Map/Set和Generator等功能。别忘了点赞和支持作者哦!
44 1
|
5月前
|
存储 缓存 前端开发
< 今日份知识点:Javascript本地存储的方式有哪些?区别及应用场景? >
在前端开发中,偶尔需要存储一些如: 用户信息、登录状态、历史记录等常量数据。用于后续二次调用,并且避免刷新后丢失。这时,就需要用到本地存储了。 在`JavaScript` 中,提供了四种可用的本地存储方式: **`cookie`** ,**`sessionStorage`**, **`localStorage`**, **`indexedDB`** ( 已废除的 `WebSQL` )。四种方式各有千秋,接下来,就由小温带各位卷王了解一下,`Javascript` 中的本地存储吧
< 今日份知识点:Javascript本地存储的方式有哪些?区别及应用场景? >
|
5月前
|
JavaScript 前端开发 Java
[javascript]知识点
如果文中阐述不全或不对的,多多交流。
165 0
[javascript]知识点
|
5月前
|
JavaScript 前端开发
javascript知识点
javascript知识点