Javascript需要注意的一些设计(二)持续更新中

接着上面的记录

1. 多行字符串

多行字符串

由于多行字符串用\n写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表示方法,用反引号 ` ... ` 表示:

`这是一个
多行
字符串`;

2. 字符串连接

如果有很多变量需要连接,用+号就比较麻烦。ES6新增了一种模板字符串,表示方法和上面的多行字符串一样,但是它会自动替换字符串中的变量:

var name = '小明';
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);

3. 数组

1) 直接给Arraylength赋一个新的值会导致Array大小的变化:

var arr = [1, 2, 3];
arr.length; // 3
arr.length = 6;
arr; // arr变为[1, 2, 3, undefined, undefined, undefined]
arr.length = 2;
arr; // arr变为[1, 2]

2)如果通过索引赋值时,索引超过了范围,同样会引起Array大小的变化:

var arr = [1, 2, 3];
arr[5] = 'x';
arr; // arr变为[1, 2, 3, undefined, undefined, 'x']

大多数其他编程语言不允许直接改变数组的大小,越界访问索引会报错。然而,JavaScript的Array却不会有任何错误。在编写代码时,不建议直接修改Array的大小,访问索引时要确保索引不会越界。

 3) 

arr.pop(); // 空数组继续pop不会报错,而是返回undefined
arr; // []

 4)unshift和shift

   如果要往Array的头部添加若干元素,使用unshift()方法,shift()方法则把Array的第一个元素删掉:

var arr = [1, 2];
arr.unshift('A', 'B'); // 返回Array新的长度: 4
arr; // ['A', 'B', 1, 2]
arr.shift(); // 'A'
arr; // ['B', 1, 2]
arr.shift(); arr.shift(); arr.shift(); // 连续shift 3次
arr; // []
arr.shift(); // 空数组继续shift不会报错,而是返回undefined
arr; // []

 5) sort()可以对当前Array进行排序,它会直接修改当前Array的元素位置,直接调用时,按照默认顺序排序

 6)splice()方法是修改Array的“万能方法”,它可以从指定的索引开始删除若干元素,然后再从该位置添加若干元素:

var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 从索引2开始删除3个元素,然后再添加两个元素:
arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只删除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']
arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不删除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

 7) concat

concat()方法把当前的Array和另一个Array连接起来,并返回一个新的Array

请注意concat()方法并没有修改当前Array,而是返回了一个新的Array

实际上,concat()方法可以接收任意个元素和Array,并且自动把Array拆开,然后全部添加到新的Array里:

var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]

 8) join

join()方法是一个非常实用的方法,它把当前Array的每个元素都用指定的字符串连接起来,然后返回连接后的字符串:

var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'

如果Array的元素不是字符串,将自动转换为字符串后再连接。

9)判断

JavaScript把nullundefined0NaN和空字符串''视为false,其他值一概视为true

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小型企业网站的设计与实现主要包括以下几个方面: 1. 网站需求分析:首先需要明确企业网站的目标和需求,包括网站的功能、内容、用户群体等。根据需求分析,确定网站的整体架构和设计方向。 2. 网站规划与结构设计:根据需求分析结果,设计网站的整体结构和页面布局。确定网站的主题色彩、风格和导航方式,保证网站的易用性和用户体验。 3. 网站页面设计:根据网站规划,设计各个页面的具体内容和布局。包括首页、产品展示页面、新闻资讯页面、联系我们页面等。在设计过程,要注意页面的美观性和信息的清晰性。 4. 网站前端开发:根据设计稿,进行网站前端的开发工作。使用HTML、CSS、JavaScript等技术实现页面的布局、样式和交互效果。确保网站在不同设备上的兼容性和响应式布局。 5. 网站后端开发:根据网站需求,选择合适的后端开发语言和框架进行开发。实现网站的功能模块,如用户注册登录、产品管理、新闻发布等。同时,要考虑网站的安全性和性能优化。 6. 数据库设计与管理:根据网站需求,设计合适的数据库结构,并进行数据库的建立和管理。确保数据的安全性和高效性。 7. 网站测试与上线:在开发完成后,进行网站的功能测试和兼容性测试。修复bug和优化性能后,将网站部署到服务器上进行正式上线。 8. 网站运营与维护:上线后,需要进行网站的日常运营和维护工作。包括内容更新、安全监控、性能优化等,以保证网站的稳定运行和持续发展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值