javascript 基本知识点

  • 数据类型
  • 数组的常用操作

1.数据类型

  • 基本:string,number,null,boolean,undefiend
  • 内置对象:Array,String,Number,Date

2.数组

1.1 查找数组元素

(1) indexOf()--查找数组元素;string 类型也有此方法

var a=["agag","agggag"]
a.indexOf("agag"); // 0

var str="agagghhh"str.indexOf("hhh") //5

(2) lastindexOf()--如果数组中有多个相同的元素,indexof()总是返回第一个与参数相同的元素的索引,lastindexOf()--则返回相同元素中最后一个元素的索引,如果没有找到则

返回-1

var a=["mike","agjag","mike","agghh"];
a.lastindexOf("mike") // 2

var str="my world my world";
str.lastindexOf("my"); //9

1.2 数组的字符串表示

有两个方法可以将数组转化为字符串:join() 和 tostring(),默认都是以 “,”,作为分隔的,join()可以指定分隔的符

var name=["zhang","san","li"];
var namestr=name.join(); // "zhang,san,li"
var namestr2=name.toString() //"zhang,san,li"

1.3 由已有的数组创建新数组

contact()和splice()方法允许通过已有数组创建新数组,contact方法,将两个数组合并,splice()方法截取一个数组的子集创建新数组

contact()是开辟了新的空间来存放新数组,原来的数组不变

var cisdept=["agg","qqrr"];
var dmpdept=["fff","kkk"];
cisdept.concat(dmpdept) //["agg","qqrr","fff","kkk"]conlose.log(cisdept) //["agg","qqrr"]conlose.log(dmpdept) //["fff","kkk"]

splice(startindex,len)--从一个现有的数组里截取一个新数组。注意,splice()截取后,原数组将删除被截取的项目

var arrs=["agg","ggg","agggee"];
arrs.splice(1,2) //["ggg","agggee"]console.log(arrs) //["agg"]

1.4操作数组元素:添加,删除

添加数组元素有两个方法:push(),unshift()

push()--为数组添加元素,追加在数组的尾部

var a=[1,2,3]
a.push(8)
console.log(a) //[1,2,3,8]

在数组的尾部加元素比较简单,但是如果在数组的头部加元素就困难了, 需要将元素从最后一个元素开始依次向后移动,如下:

var nums=[2,3,4];
var newnum=8;
var n=nums.length-1;
for(var i=n;i>=0;i--){
nums[i+1]=nums[i];
console.log(nums[i+1]);
}
nums[0]=newnum;

unshif(),方法可以将元素添加在数组的开头

时间: 2024-08-27 10:39:38

javascript 基本知识点的相关文章

Javascript重要知识点梳理

Javascript重要知识点梳理 说明 Javascript流程控制 js中常用的数据类型 var关键字的使用 if – else if – else switch while for Javascript常用函数 1.  字符串函数 substring indexOf lastIndexOf charAt replace split toLowerCase toUpperCase 2.  数学运算函数 3.  数据类型转换函数 parseInt parseFloat Math.abs Mat

javascript bom知识点

javascript bom知识点指(Brower Object Model)浏览器对象模型.打开.关闭窗口window.openwindow.close常用属性[可以试着在chrome的调试窗口下把下面的代码输入,看看他都包含哪些东西]window.navigator.userAgentwindow.location关于浏览器而言,恐怕我们需要去明白的一个是[窗口尺寸.工作区尺寸]可视区尺寸[顾名思义就是指我们可以看到的那个窗口]document.documentElement.clientW

JavaScript初学知识点整理

刚学了JavaScript,现在整理一下知识点. 一.JavaScript数据类型: 1.Undefined类型:当一个变量未初始化和无明确返回值时,该变量默认返回undefined. 2.Null类型:null类型表示空型,即该变量是存在的,只是不能找到他的值. 3.Boolean类型:布尔类型只有两个值,即true和false,当变量值为0时为false,否则为true. 4.Number类型:表示表示整数或浮点数. 5.String类型:表示字符型变量. 二.数据类型转换: (1)简单转换

如何开发原生的 JavaScript 插件(知识点+写法)

一.前言 通过 "WWW" 原则我们来了解 JavaScript 插件这个东西 第一个 W "What" -- 是什么?什么是插件,我就不照搬书本上的抽象概念了,我个人简单理解就是,能方便实现某个功能的扩展工具.(下面我会通过简单的例子来帮助读者理解) 第二个 W "Why" -- 为什么? 为什么要有插件这种东西,首先结合第一个 W 来理解就是,使用插件的目的是方便我们实现某一个功能. 也就是说在编程过程中我们只需要找轮子,或者改轮子而不需要重

javascript常用知识点总结

一.常用知识点 1.赋值 var x=10 y=x console.log(x) #10 console.log(y) #10 2.比较运算符 == | === console.log("5"==5)#True 只做值比较 console.log("5"===5)#False 比较值及类型 != | !== console.log("5"!=5)#False 只做值比较 console.log("5"!==5)#True 比较

JavaScript正则表达式知识点整理

1  正则表达式 使用单个字符串来描述.匹配一系列符号某个句法规则的字符串,可以简单理解为按照某种规则去匹配符合条件的字符串. Ps:https://regexper.com/  可帮助理解正则表达式,正则表达式工具 2  regexp对象 JavaScript通过内置对象RegExp支持正则表达式,有两种方法实例化RegExp对象:字面量.构造函数 3  预定义类 .         等价于 [^\r\n]          即除了回车符和换行符之外的所有字符 \d        等价于[0-

JavaScript进阶知识点(慕课)

JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单.图片轮播.信息滚动等) 2.实现页面与用户之间的实时.动态交互(如:用户注册.登陆验证等)  一. 数组 var myarray=new Array(); 二. 函数 function 函数名(){ 函数体://完成某一功能的代码段} ps:函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名.函数的调用分两种情况:1.在<script>标签内调用 2.在HTML中调用,如通过点击按钮后调用定义好的函数.可以通

JavaScript入门知识点整理

一.准备工作:    1.为什么学习JavaScript        所有的主流浏览器都只是Javascript        大部分网页都使用Javascript        它可以让网页呈现各种动态效果        易学 2.如何插入JS        <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在&l

开篇/javascript基础知识点

学习js已好长时间了,总结的东西一直在笔记本记录,今天无意间想到开一个播客,记录自己的成长. 学习js之前,网上看到了一个段子,说javascript和java的关系就是雷锋和雷锋塔的关系,虽然以前没有深入的接触过java.但是听的还是比较多的. 本博客就是通过自己学习回忆来写. js 最开始学习js了解js的发展史,现在能够回忆起的就是netspace  开发并且推广的. html css js 分别是一个网站的:内容  样式 行为: js 的三种样式:行内 内嵌 外链. 函数的特性:1.可以

JavaScript小知识点总结:标准库

1.Object作为构造函数使用时,可以接受一个参数.如果该参数是一个对象,则直接返回这个对象:如果是一个原始类型的值,则返回该值对应的包装对象. 2.所有构造函数都有一个prototype属性,指向一个原型对象.凡是定义在Object.prototype对象上面的属性和方法,将被所有实例对象共享. 3.Object.keys方法和Object.getOwnPropertyNames方法很相似,一般用来遍历对象的属性.它们的参数都是一个对象,都返回一个数组,该数组的成员都是对象自身的(而不是继承