JavaScript基础笔记二

一、函数返回值
1.什么是函数返回值
    函数的执行结果
2. 可以没有return // 没有return或者return后面为空则会返回undefined
3.一个函数应该只返回一种类型的值

二、可变参(不定参)arguments

function sum (a,b)
{
    var result=0;
    var  i=0;
    for(i=0;i<arguments.length;i++)
    {
    result+=arguments(i);
    }
alert(resulet);
}
sum(12,5,7,5,5,6,7,3,7)

案例:取非行间样式

案例所需知识

因为直接使用style只能获取定义在行内的样式,因此取非行间样式需要用到下面的属性—获取计算后的样式(当前样式/最终样式)

currentStyle                //IE下可用,无法取得复合样式

GetComputedStyle()    //FF下可用

样式可分为:

基本样式 如:width

复合样式 如:background   //有color,posiition,repeat,image等属性

简单兼容如下:

oDiv=getElementById("div1");
if(oDiv.currentStyle)
  {
      //IE
      alert(oDiv.currentStyle.width);
  }
  else
  {
      //FF
      alert(getComputedStyle(oDiv,false).width);
}

简单的函数封装:

function  getStyle(obj,attr)
{
    if(obj.currentStyle)
    {
        return obj.currentStyle[attr];
    }
    else
    {
        return getComputedStyle(obj,false)[attr];
    }
}

三、数组基础
1.如何定义
方法一 var arr=[1,2,3,4];

方法二 var new Array(1,2,3,4);

无区别一般用方法一代码短

2.数组的属性
length
既可以获取,又可以设置
例:快速清空数组:arr.length=0;

3.数组使用原则
数组应该只存一种类型的变量

四、数组常用方法
1.添加
push(元素) 尾部添加 arr.push(5)
unshif(元素) 头部添加

2.删除
pop() 从尾部弹出
shift() 从头部弹出

3.排序
sort([比较函数])排序一个数组

(1)排序字符串(默认排序字符串)

var arr1[‘small‘,‘hello‘,‘you‘,‘big‘];
var arr2[34,100,98,4];
arr1.sort();
arr2.sort();
alert(arr1);
alert(arr2);

结果:big,hello,small,you
        100,34,4,98

(2)排序数字

arr2.sort(function(num1,num2){
 return num1-num2//从小到大,num2-num1
});

结果:4,34,98,100

4.转换类
(1)concat连接数组

var arr1[1,2,3,4];
var arr2[5,6,7,8];

alert(arr1.concat(arr2));

结果:1,2,3,4,5,6,7,8

(2)join(分隔符)
用分隔符,组合数组元素,生成字符串

alert(arr1.join("-"));  

结果:1-2-3-4

(3)split与join相反

var arr3=‘12-5-7-8"
var arr3=str.split(‘-’);
alert(arr3[0]);

结果:12

5.插入、删除

splice(开始的位置,长度,元素)

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

(1)中间删除

arr.splice(2,3)

结果:126

(2)中间插入

arr.splice(5,0,‘a’,‘b‘,‘c‘)

结果:123456abc

(3)中间替换

arr.splice(0,2,‘a’,‘b‘,‘c‘)

结果:ab345

原理:先删除再插入

学习笔记,错误请纠正~

时间: 2024-12-20 06:59:55

JavaScript基础笔记二的相关文章

JavaScript基础笔记(十)表单脚本

表单脚本 一.表单基础知识 JavaScript中表单对应的是HTMLFormElement类型,该类型继承自HTMLElement类型. 通过document.forms可以获得所有表单元素,通过数值索引和name特性可以获得其中特定的表单. 一)提交表单 单击提交按钮或者图像按钮就可以提交表单. 三种方式: <!--通用提交按钮--> <input type='submit' value='submit value'> <!--自定义提交按钮--> <butt

JavaScript基础教程(二)

一.JavaScript语法 1.JavaScript语句:JavaScript语句向浏览器发出的命令.语句的作用是告诉浏览器该做什么. 2.分号:语句之间用分号分割.分号是可选项,可以不加.建议加上. 3.JavaScript代码:按照编写顺序依次执行. 4.标识符:JavaScript标识符必须以字母.下划线或美元符号开始.JS关键字不能使用(如document). 5.JS对大小写敏感. 6.加空格不影响执行. 7.代码换行:不要再代码的字母之间换行 8.保留字:使用的时候注意 <!DOC

JavaScript基础(二)

一.外部引用语法<script src="script.js"></script> 二.在页面中的位置 1.我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分. 2.放在<head>部分 最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分. 3.放在<body>部分 JavaScript代码在网页

javascript学习笔记(二)

一.javascript的放置.注释.输出工具 1.输出工具 a.alert():属于window中的全局函数.无论写入什么,都以字符串形式输出. b.document.write():向网页输出内容. c.var vlaue=prompt("显示内容","文本框显示内容")value为返回值:弹出一个输入框,接收参数. <script> alert(123); document.write("<h1>周静文</h1>&

前端乱煮之javascript学习笔记二

1 javascript的隐式转换规则: 若有布尔类型,则将它转换为数值进行比较. 若有NaN,一律返回false 若是字符串,则分为三种情况:对方为字符串就直接比较,对方为数值,则将字符串转化为数值,若对方为对象,则将对象用toString()的方法进行转换,然后再比较.最后,若是其他,则一律返回false. 若是数字,如果对方是对象,用valueOf()进行比较,其余一律返回false null 和defined不会进行类型转换,但是二者相等. 2 javascript中的break和con

&lt;JavaScript 读书笔记二&gt;

1.类与对象 在JS中,创建对象(Create Object)并不完全是我们时常说的创建类对象,JS中的对象强调的是一种复合类型,JS中创建对象及对对象的访问是极其灵活的.JS对象是一种复合类型,它允许你通过变量名存储和访问,换一种思路,对象是一个无序的属性集合,集合中的每一项都由名称和值组成(听起来是不是很像我们常听说的HASH表.字典.健/值对?),而其中的值类型可能是内置类型(如number,string),也可能是对象.(在笔记一种有代码示例) 2.用 function 关键字模拟 cl

javascript基础篇(二)

对象 Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行 javascript程序设计 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体. js内置对象 作为一门编程语言,JavaScript提供了一些内置的对象和函数.内置对象提供编程的几种最常用的功能.JavaScript内置对象有以下几种. ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储.转化和表达 ● Array对象:提供一个

JavaScript基础笔记:对象和数组

对象是一种类型,即引用类型.而对象的值就是引用类型的实例.在ECMAScirpt中引用类型是一种数据类型,用于将数据和功能组织在一起.常被称为类.但ECMAScript并没有这种东西.ECMAScirpt是一种面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结构. 一.Object类型 创建Object类型有两种方式.一种是使用new运算符,一种是字面量表示法. 1.使用new运算符创建Object 1 var box = new Object(); // new 方式 2 box

JavaScript 基础(二)

1.各种运算符 (1)算术运算符 + - * / % () (2)自增自减运算符 a++  ++a  a--  --a 如果是先加,会先给a加后运算 如果是后加,会先运算后给a加 (3)逻辑运算符 && 与  ||或  !非 (4)关系运算符(比较运算符) > , < , >= ,<= , == ,=== ,!= ,!===(不全等) == 判断内容,不关心类型 ===既关心内容又关心类型 (5)赋值运算符 = 从右向左看 (6)逗号运算符 , 2.数据类型的转换